body { background:url(../../../images/bg.jpg);     background-size: cover;}

body::before {     content: '';
    background: rgb(0 0 0 / 70%);
    width: 100%;
    height: 100%;
    position: absolute;}

#backtoblog { display:none !important;}

.login h1 a {
    background-image: url(../../../images/logo.png) !important;
	margin: 0 auto!important;
	width: 165px !important;
	background-size: 165px !important;
    background-position: center 10px !important;
	    height: 72px !important;
}

.login form {
    margin-top: 0 !important;
   
    background: rgb(28 28 28 / 51%) !important;
    border: 1px solid #4f4f4f !important;
}
.login h1 {
    text-align: center;
    background: #fff;
}

.login label {
    color: #fff;
}

#login {
  padding: 10% 0 0;
float: right;
    margin: 0 15% 0 0;
    /* z-index: 9; */
    position: relative;
}

.login #backtoblog a, .login #nav a {
    text-decoration: none;
    color: #ffffff;
}

.login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover {
    color: #fff;
}

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

#login {
    padding: 0;
    float: unset;
    margin: 0 auto;
    /* z-index: 9; */
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

}