.login-left {
    padding: 0 100px;
    justify-content: center;
    width:25%;
    height: 100vh;
    background-color: #FFF; 
    border-right: 1px solid black;
}
.login-left img{
    max-width: 100%;
}

.login-content{
    width:100%;
    height: 100vh;
    background-image: url(/img/login-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.login-content form, .login-content h2{
    background: white;
    padding: 60px 40px;
    border-radius: 6px;
    max-width: 50%;
    margin-right: auto !important;
    margin-left: auto !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15)
}

.login-input {
    -webkit-appearance: none;
    appearance: none;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(29, 30, 28, 0.3);
    border-radius: 6px;
    box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.04);
    color: #1d1e1c;
    display: inline-block;
    font-size: 15px;
    height: 34px;
    line-height: 30px;
    max-width: 100%;
    padding: 0 8px;
    vertical-align: middle;
    width: 100%;
}
.login-content form{
    width:50%;
    justify-content: center;
    max-width:400px;
}
.login-button-primary, .login-button-secondary {
    border-radius: 6px;
    color: #fff;
    background: #667b38 none;
    font-weight: 500;
    padding: 0 12px;
    max-width: 100%;
    justify-content: center;
    align-items: center;
    /*transition-property: border-color, background, color, transform, box-shadow;*/
    /*transition-duration: .15s;*/
    /*transition-timing-function: ease;*/
    font-size: 0.875rem;
    line-height: 1.0rem;
    height: 40px;
    border-width: 0;
}
.login-button-secondary{
    -webkit-appearance: button;
    align-content: center;
}

.login-button-primary:hover, .login-button-secondary:hover
{
    background-color: #35a22d;
    /*border-color: #EE2D41;*/
    border-color: #35a22d;
    color: #fff;
}

@media screen and (max-width: 576px) {
    /* CSS rules here */
    .login-content {
        width: 100%;
        height: 67vh !important;
    }

    .login-content form{
        width:100%;
     
    }
    .login-left {
        padding: 0 !important;
        width:100% !important;
        height: 33vh !important;
        border-right: none;
    }
    .login-input{
        font-size: 24px;
        height: 48px;
        line-height: 45px;
    }
    .login-button-primary, .login-button-secondary {
        font-size: 24px;
        line-height: 1rem;
        height: 48px;
        padding: 12px;
        margin-top: 1.5rem;
    }
}