:root{
    --primary-color: #ae7937;
    --secondary-color: #7d5532;
}

body{
    font-family: 'Montserrat', sans-serif ;
    color:#97918f;
    background-color: #fff;
}

.text-primary{
    color: var(--primary-color) !important;
}

.text-secondary{
    color: var(--secondary-color) !important;
}

.bg-primary{
    background-color: var(--primary-color) !important;
}

.bg-secondary{
    background-color: var(--secondary-color) !important;
}

.btn{
    border-color: #fff !important;
    font-size: 0.9em;
    font-weight: bold;
    border:none;
    border-radius: 5px;
    padding: 5px 40px;
    min-width: 10em;
}

.btn-primary{
    background-color: var(--primary-color) !important;
}

.btn-secondary{
    background-color: var(--secondary-color) !important;
}

.btn-primary:hover{
    background-color:var(--secondary-color) !important;
}

.login{
    height: 100vh;
}

.login .col-wraper{
    height: 100vh;
    background-size: cover;
    /* background-position: center; */
    background-repeat: no-repeat;

}

.login .logo{
    max-height: 4em;
    margin-bottom: 4em;
}

.login a{
    font-weight: bold;
    text-decoration: none;
}

.login a:hover{
    text-decoration: underline;
}

.login .new{
    color: #c5c5c5;
}

.login h1,
.login h2{
    line-height: 1;
    margin: 0;
}

.login .form-control{
    background-color: #e5e0dc;
}

.login .form-control::placeholder{
    color: #bab5b1;
}

/* Start media queries */
@media (max-width: 768px) {
    .login .col-wraper{
        height: auto;
    }

    .login .img-wraper{
        margin-top: 5em;
    }
}