.form-item{
    display: flex;
    flex-direction: column;
}
label{
    padding-bottom: 0.5rem;
}
input{
    height: 2rem;
    width: 50%;
    @media (max-width:500px) {
        width: 90%;
    }

}
.description{
    width: 50%;
    @media (max-width:500px) {
        width: 90%;
    }
}
.form-submit{

    height: 3rem !important;
    margin-bottom: 1rem;
    font-size: 1.2rem;
    font-weight: 300;
    width: fit-content;
    @extend %buttonwithborder;
    @media (max-width:891px) {
        font-size: 1rem;
     }
}

#user-login-form{
    padding-left: 2rem;
    .form-item{
        flex-direction: row;
        padding-bottom: 1rem;
        padding-left: 0.2;
        width: 80%;


        
        label{
            padding-right: 0.5rem;
            flex: 1 1 auto;
        }
    }
}
    
#edit-persistent-login{
    height: 1.5rem;
}
#edit-field-telephone-0-phone{
    @extend %buttonwithborder;

}

h4{
    text-align: start;
    padding-left:10% ;
    font-size: 2rem;
}