label{
    font-size: 16px !important;
    font-family: 'Josefin Sans', sans-serif !important;
    font-weight: 500 !important;
    margin-bottom: 0px !important;
}
.msj{
    font-size: 13px !important;
}
h1{
    font-size: 50px !important;
}
input{
    width: 100% !important;
}
.pl-3p{
    padding-left: 3px !important;
}
.btn{
    color: #fff !important;
    background: #56BCB3 !important;
    font-size: 13px !important;
    height: 100% !important;
    font-weight: 600 !important;
    margin-top: 1px !important;
}
.btn:hover{
    background: #37a79d !important;
}
input[type=text], input[type=password]{
    padding: 0 3px !important;
    font-size: 15px !important;
}
#msj_login, #msj_forget{
    color: #ab1d1d !important;
}
.btn.focus, .btn:focus {
    outline: 0 !important;
    box-shadow: none !important;
}
::-webkit-input-placeholder {
    font-size: 13px !important;
}
::-moz-placeholder {
    font-size: 13px !important;
}
:-ms-input-placeholder {
    font-size: 13px !important;
}
::placeholder {
    font-size: 13px !important;
}
@media(max-width: 760px) and (min-width: 579px){
    input[type=text], input[type=password], .btn{
        height: 32px !important;
    }
}

@media(max-width: 600px){
    .margin-xs{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    input[type=text], input[type=password]{
        margin-bottom: 5px !important;
        border: 1px solid lightgrey !important;
    }
    body{
        padding-bottom: 0px !important;
    }
    h1{
        font-size: 25px !important;
    }
    h4{
        font-size: 16px !important;
    }
    h6{
        font-size: 14px !important;
    }
}