body.login {
    /* background-color: #121d2e; */
    background-image: url('../img/ffflux.svg');
    background-size: cover;
}

#login {
    width: 100%;
    max-width: 500px;
}

body.login #login h1 a {
    background-image: url('../img/mfabc-logo.svg');
    background-size: contain;
    width: 100%;
    height: 80px;
}

body.login #loginform {
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.login #backtoblog a, .login #nav a, .login a {
    color: white;
}

.login #backtoblog a:hover, .login #nav a:hover, .login a:hover {
    text-decoration: underline;
    color: #ffd000;

}

body.login #loginform {
    background-color: transparent;
}

.login label {
    color: white;
}

.login .message, .login .notice, .login .success {
    background-color: transparent;
    color: white;
}

@media (max-width: 500px)

{
    #login {
        width: 100%;
        max-width: 350px;
    }
}