button{
    color:red;
    font-family: 'Lato',sans-serif;
     font-weight: 900;
    font-size: 16px;
}
.title h1{ 
    font-size: 30px;
    font-family: 'Lato',sans-serif;
     font-weight: 900;
     color: var(--primary__color);
}
p{
    font-size: 16px;
    font-weight: normal;
    font-family: 'Lato',sans-serif;
    color:#707070;
}
.prelogin_form input{
    border: 1px solid #979696;
    padding-left: 1.5rem;
    color: #707070;
}
.back{
   text-align: center;
    border-radius: 20px;
    padding: 3px;
    box-shadow: 0px 2px 4px #ccc;
    margin: 30px 0px;
    width: 100px;
}
@media only screen and (max-width: 767px) {
    section.wrapper,.prelogin__body .col_sm_3,.prelogin_form .w_40
    {
        width:100%;
    }
     .prelogin__header{
        height: auto;
    }
    .logo.col_sm_3{
        width: 100%;
    }
    .prelogin__header .title h1{
        font-size: 21px;
        padding: 15px 25px;
        margin: 0;
    }
     .prelogin__body{
        box-shadow: none;
    }
    .prelogin__body .col_sm_3{
        display: none;
    }
    .title{
        background: var(--primary__color); 
    }
    p{
        text-align: center;
    }
     .prelogin_form{
         width: 90%;
    margin: 0 auto;
    }
    button.w_20{
        width:100%;
    }
    button.submit_btn{
    width: 90%;
    margin: 20px auto;
    text-align: center;
    display: table;
    }
    .title h1{
        color:#fff;
        padding-left: 25px;
    }
    .row{
        margin: 0;
    }
     .logo{
    padding-left: 45px;
    padding-top: 15px;
    padding-bottom: 15px;
    } 
}