.forgot-password, button {
    margin-top:20px;
}

.forgot-password {
    display:inline-block;
}

#login-form {
    width: 80%;
    max-width: 500px;
    min-width: 200px;
}

.login-accent-div {
    height: 100vh;
    width: 50%;
    background-color: #F6F6FC;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.form-control {
    margin: 5px 0 !important;
    line-height: 30px !important;
    height: 45px !important;
}

#toggle-password-box:hover {
    cursor: pointer;
}

@media only screen and (max-width: 961px) {
    

    .login-main-div {
        height: 90vh;
        width: 100%;
    }

    .login-main-div h1 {
        font-size: 20px;
        padding: 0;
        margin: 0;
    }

    .login-accent-div {
        height: 10vh;
        width: 100%;
    }

    .login-accent-div img {
        transform: scale(0.5);
    }
}