body {
    background-color: #F7F8F8;
    background-image: url("/static/images/Hero Illustration.svg");
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: right;
}

.footer {
    margin-left: 0;
}

.footer.col-10 {
    max-width: unset;
    flex: unset;
}

#login-logo {
    height: 5em;
}

#login-panel {
    font-size: 24px;
    margin-top: 1.375em;
    height: 17.083em;
    width: 18.75em;
    border-radius: 0.166em;
    background-color: #FFFFFF;
    box-shadow: 0 0.5em 0.833em 0 rgba(205,209,212,0.4);
}

#please-sign-in {
    text-size: 24px;
    /*height: 40px;*/
    color: #4A4D53;
    font-weight: 500;
    margin-top: 2.083em;
    text-align: center;
}

#login-error {
    color: red;
    font-size: 0.66em;
}

#login-form label {
    margin-top: 1.0625em;
    margin-bottom: 0;
    /*height: 26px;*/
    color: #878D91;
    font-size: 16px;
    /*line-height: 26px;*/
}

#login-form .form-control {
    font-size: 1em;
}

#login-form input {
    margin-top: 0.0833em;
    height: 2.0833em;
    width: 13.75em;
    border: 0.0416em solid #CDD1D4;
    border-radius: 0.166em;
    background-color: #FFFFFF;
    box-shadow: 0 0.0416em 0.166em 0 rgba(74,77,83,0.1);
}

#login-submit-btn {
    color: white;
    background-color: #007FFF;
    box-shadow: 0 0.3125em 0.9375em 0 rgba(0,85,207,0.2);
    margin-top: 1.25em;
    height: 2.0833em;
    width: 13.75em;
    border: 0.0416em solid #CDD1D4;
    border-radius: 0.166em;
}

#recover-password {
    /*height: 26px;*/
    font-size: 16px;
    /*line-height: 26px;*/
    margin-top: 1.4375em;
}

#recover-password a {
    text-decoration: underline;
    color: #878D91;
}

@media (max-width: 540px) {
    #login-panel {
        font-size: 16px;
    }

    html {
        font-size: 12px;
    }
}