.login h1 a {
    background: url(../images/login-logo-alt.svg) no-repeat top center;
    width: 320px;
    height: 66px;
    text-indent: -9999px;
    overflow: hidden;
    padding-bottom: 0px;
    display: block;
}

@media (min-width: 450px) {

    body.login {
        background-image: url(../images/backgrounds.php);
        background-color: #412458;
        background-size: cover;
        background-position: center;
    }

    body.login:after {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        content: "";
        opacity: 0.6;
        z-index: 1;
        pointer-events: none;
        background-color: #412458;
    }

    #login {
        position: relative;
        z-index: 10;
        margin: 0 0 0 80px;
    }

    .wp-core-ui .button-primary {
        background: #412458;
        border: none;
        box-shadow: none;
        text-shadow: none;
        transition: 300ms;
    }

    .wp-core-ui .button-primary:hover,
    .wp-core-ui .button-primary:focus,
    .wp-core-ui .button-primary:active {
        background: #766186;
        border: none;
        box-shadow: none;
        text-shadow: none;
    }

    .login .message {
        border-radius: 6px;
    }

    .login form .input,
    .login form input[type=checkbox],
    .login input[type=text] {
        border-radius: 3px;
    }

    .login form .input:focus,
    .login form input[type=checkbox]:focus,
    .login input[type=text]:focus {
        box-shadow: none;
        border: 1px solid #412458;
    }

    .login form {
        background-color: #ffffff;
        box-shadow: none;
        border-radius: 6px;
    }

    .login label {
        color: #333;
    }

    .login #nav a,
    .login #backtoblog a,
    .login .privacy-policy-link {
        color: #ffffff;
        transition: 300ms;
    }

    .login #nav a:hover,
    .login #backtoblog a:hover,
    .login .privacy-policy-link:hover {
        color: #ddd;
    }

    .login h1 a {
        background: url(../images/login-logo.svg) no-repeat top center;
        width: 320px;
        height: 66px;
        text-indent: -9999px;
        overflow: hidden;
        padding-bottom: 0px;
        display: block;
    }

    .language-switcher {
        position: relative;
        z-index: 10;
        margin: 0 0 0 95px;
        text-align: left;
    }

    .language-switcher label {
        filter: brightness(0) invert(1);
    }

}