@media (min-width: 1440px){
    body{
        font-size: 1.5rem;
    }
}


@media (min-width: 1440px){
    h4{
        font-size: 2rem;
    }
}

h5{
    font-size: 1.25rem;
}

@media (min-width: 1440px){
    h5{
        font-size: 2rem;
    }
}

h6{
    margin-bottom: 1rem;
    font-size: 1rem;
}

@media (min-width: 1440px){
    h6{
        font-size: 1.4rem;
    }
}


.bg-light{
    background-color: transparent!important;
}

.logo{
    height: 3.5rem;
}

@media (min-width: 996px){
    .logo{
        height: 5rem;
    }
}

@media (min-width: 1440px){
    .logo{
        height: 6rem;
    }
}

.navbar-light .navbar-nav{
    color: rgb(2, 3, 15);
}

.nav-link{
    color: rgb(2, 3, 15);
}

.navbar-toggler{
    border: none;
}

.navbar-collapse{
    z-index: 5;
}

#form-title{
    margin-bottom: 2.5rem;
}

.navbar{
    height: 5rem;
    max-width: 1900px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 996px){
    .navbar{
        height: 6rem;
    }
}

@media (min-width: 1440px){
    .navbar{
        height: 8rem;
    }
}

.nav-logout{
    font-size: 1.25rem!important; 
    color: #0C2232;
    padding-right: 0px;
}

@media (min-width: 996px){
    .nav-logout{
        font-size: 1.75rem!important; 
        padding-right: 8px;
    }
}

@media (min-width: 1440px){
    .nav-logout{
        font-size: 2.2rem!important; 
    }
}

label{
    margin-top: .5rem
}

span.navItemDash{
    color: white!important;
    padding-left: 10px;
    padding-right: 10px;
}

a.navItemDash{
    color: white!important;
}

.btn-primary{
    background-image: linear-gradient(45deg, #0C2232, #1b4b6e);
    border: none;
    text-decoration: none;
    font-size: 1.25rem;
    box-shadow: none;
}

.btn-primary:hover{
    background-image: linear-gradient(to right, #1b4b6e 0%, #0C2232 100%);
    transform: scale(1.1);
    transition: all .25s ease-in-out;
}

@media (min-width: 1440px){
    .btn-primary{
        font-size: 1.5rem;
    }
}

a{
    color: #45b7ed;
}

.card{
    border: none;
    margin-top: 3rem;
}

.edit-image{
    margin-bottom: 1rem;
}

.mt-3{
    margin-top: 2.5rem!important;
}

.mt-4{
    margin-top: 3rem!important;
}

a.nav-link.fa.fa-sign-out.ml-auto{
    transition: all .2s ease-in-out;
}

a.nav-link.fa.fa-sign-out.ml-auto:hover{
    transform: scale(1.2);
    color: #b14242;
}

.move{
    opacity: 0;
    margin-top: 2rem;
    max-width: 90%;
}

@media (min-width: 1199px){
    .move{
        max-width: 30rem;
    }
}

@media (min-width: 1440px){
    .move{
        max-width: 50rem    ;
    }
}


.form_anim{
    opacity: 0;
}

.dbtn_anim{
    opacity: 0;
}

.welcome_anim{
    opacity: 0;
}

.avatar_anim{
    opacity: 0;
}

.password-form{
    max-width: 29rem;
    padding: 2rem;
    padding-top: 0px;
}

#id_email:required{
    margin-left: 1rem;
    margin-right: 1rem;
}

#id_new_password1:required, #id_new_password2:required, #id_old_password:required{
    display: block;
    width: 100%;
}

.helptext{
    font-size: 0.9rem;
    text-align: left;
}

#changepw{
    display: block;
    max-width: 30rem;
}


.card-block{
    box-shadow: 0 20px 40px 0 rgb(0 0 0 / 30%);
    padding-top: 2rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 2rem;
    border-radius: 1rem;
}

@media (min-width: 576px){
    .card-block{
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.user_card{
    box-shadow: 0px 3px 20px -9px rgb(0 0 0 / 30%);
    border-radius: 1rem;
    padding-top: 2rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 3rem;
    margin-top: 2em;
    background-color: #fff;
} 

@media (min-width: 576px){
    .user_card{
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.card-login{
    padding-left: 2rem!important;
    padding-right: 2rem!important;
}

.input-group-text{
    width: 42px;
}

.page-footer{
    bottom: 0;
    width: 100%;
    height: 2.5rem;  
}