/* body.login { background: #666 url(images/banner.jpg) center center no-repeat; background-size: cover; }

h1 a { background: url(images/logo.svg) center / contain no-repeat !important; width: 100% !important; }

#login { position: relative; top: 50%; transform: translateY(-50%); margin: 0 10%; padding: 50px; max-width: 300px; background: #FFF; box-shadow: 0 0 25px rgba(0,0,0,.2); border-radius: 10px; }

#login #nav a, #login #backtoblog a { color: #999; }

.login form { border: none; padding: 0; box-shadow: none; }

#login .button-primary { background: red; border: none; }

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

    body.login { background: #FFF; }
    #login { margin: 0; box-shadow: none; transform: none; position: static; }

} */