@font-face {
    font-family: 'copperplate-32-bc';
    font-style: normal;
    font-weight: normal;
    src: url('src/copperplate-32-bc.woff') format('woff2');
}
html,body{
    margin:0;padding:0;
    font-family: "copperplate-32-bc";
    color:black;
}



@media (min-width: 600px) {
    .container{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .right_side{
        width:60%;
    }
    .right_side .small_logo{
        width:80px;
        margin-right:15px;
    }
    .left_side p{display: none;}
    
    .left_side{
        width:40%;
    }
    .left_side, .right_side{
        height:100vh;
        max-height:100vh;
    }
    .left_side, .right_side{
        display: flex;
        align-items: center;
        justify-content: left;
        flex-direction: column;
    }
    .right_side{justify-content: space-between;}
    .left_side{ 
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }
    
    .sub_1{
        padding-left:5%;
        padding-top:2%;
        width: 95%;
    }
    .sub_1 p{
        font-size: 30px;
        color:black;
    }
    .sub_1{display: flex;align-items: center;justify-content: left;}
    .sub_2 form tr{
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
    }
    .sub_1{height:30%;}
    .sub_2{height:60%;width: 95%;}
    .sub_3{height: 10%;width: 95%;text-align: center;}
    .sub_2 table{width: 98%;margin-left:auto;margin-right:auto;}
    .sub_2 form td{
        width: 100%;
        display: flex;
        justify-content: left;
        align-items: center;
        padding-top:10px;padding-bottom:10px;
    }
    .sub_2 form input{
        width: 100%;
        border:none;
        border-bottom: 1px silver solid;
        font-size: 18px;
    }
    .sub_2 .double_col td:nth-child(2){justify-content: right;}
    .sub_2 .double_col input{
        width: 90%;
    }
    .sub_2 textarea{width: 100%; height: 120px;border:1px silver solid;}

    .sub_2 form .form_consent input{width: 20px;}
    .sub_2 form .form_consent td{
        font-size: 14px;
        display: flex;
        justify-content: left;
        align-items: center;
        text-align: left;
        font-family: "copperplate-32-bc";
    }
    .sub_2 form .submit_btn{
        padding:4px;
        padding-bottom: 6px;
        padding-left:5px;padding-right:5px;
        color:white;
        font-weight: bold;
        background-color: #8cadd2;
        box-shadow: none;
        margin-top:10px;
        font-family: "copperplate-32-bc";
    }

    input::-ms-input-placeholder, input::placeholder{
        font-family:"copperplate-32-bc";
    }
    input::-webkit-input-placeholder{
        font-family:"copperplate-32-bc";
    }
    input:-moz-placeholder {
        font-family:"copperplate-32-bc";
    }

    
    .left_side a{margin-right:5%;}
    .left_side{
        background-image: url('src/kairos_fund_2_raw.webp');
        background-size: cover;
        background-position: center;
        background-color: rgba(255,255,255,0.15);
        background-blend-mode: lighten;
    }
    .mob_bg{display: none;}
}
@media (max-width: 600px) {
    .container{
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        min-height:100vh;
    }
    .right_side, .left_side{width: 100%; text-align: center;}
    .right_side{order:1;}
    .left_side{order:2;}
    .left_side{font-size: 12px;}
    .right_side .sub_1{
        display: flex;
        align-items: center;
        justify-content: left;
    }
    .right_side a{
        padding:5%;
    }
    .right_side .small_logo{
        width:60px;
        
    }
    .mob_bg{
        background-image: url('src/kairos_fund_2_raw.webp');
        background-size: cover;
        background-position: center;
        height:100px;
        width: 100%;
    }
    .sub_1 a{color:black;}
  
    .sub_2 form{
        margin-top:2%;
    }
    .sub_2 form tr{
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
    }
    .sub_2 table{width: 98%;margin-left:auto;margin-right:auto;}
    .sub_2 form td{
        width: 100%;
        display: flex;
        justify-content: left;
        align-items: center;
    }
    .sub_2 form input{
        width: 100%;
        border:none;
        border-bottom: 1px silver solid;
        margin-bottom: 8px;margin-top:8px;
    }
    .sub_2 .double_col td:nth-child(2){justify-content: right;}
    .sub_2 .double_col input{
        width: 90%;
    }
    .sub_2 textarea{width: 100%; height: 120px;border:1px silver solid;}

    .sub_2 form .form_consent input{width: 20px;}
    .sub_2 form .form_consent td{
        font-size: 10px;
        display: flex;
        justify-content: left;
        align-items: center;
        text-align: left;
        font-family: "copperplate-32-bc";
    }
    .sub_2 form .submit_btn{
        padding:4px;
        padding-bottom: 6px;
        padding-left:5px;padding-right:5px;
        color:white;
        font-weight: bold;
        background-color: #8cadd2;
        box-shadow: none;
        margin-top:10px;
        font-family: "copperplate-32-bc";
    }

    input::-ms-input-placeholder, input::placeholder{
        font-family:"copperplate-32-bc";
    }
    input::-webkit-input-placeholder{
        font-family:"copperplate-32-bc";
    }
    input:-moz-placeholder {
        font-family:"copperplate-32-bc";
    }
    .sub_3{display: none;}
}