html, body{

    max-height: 100vh;

}

body:before{

    content: '';

    position: absolute;

    top:0;

    left:0;

    right:0;

    bottom:0;

    background: #000;

    opacity: .3;

    z-index: -1;

}
#login {
    padding-top: 8%!important;
}
body.login #login h1 a {

    background: url('../../assets/images/website-logo.svg') no-repeat scroll center top / 100% auto transparent;

    height: 110px;

    width: 300px;

    margin: 0 auto;
}

body{

    background:#303032 url('');

    background: url('../images/login-bg.jpg') no-repeat scroll center top / cover #303032;

    position: relative;

    z-index: 1;

}

.login #backtoblog a, .login #nav a, .login h1 a{

    color:#fff;

    text-shadow:1px 1px 0 #000;

}