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;

}
body.login #login h1 {
    background:#fff;
    border-radius: 5px;
    padding: 10px 5px;
}

body.login #login h1 a {

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

    height: 105px;
    width: 220px;
    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;

}