.login {
	background-size: contain;
	background-position: center left;
	overflow: hidden;
	position: relative;
}
.login::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.login h1 a {
	
	background-size: contain !important;
	width: 300px !important;
}
#login {
	position: fixed;
	right: 0;
	width: 52% !important;
	float: right;
	height: 100%;
	background-color: #fff;
	box-shadow: 0 10px 40px 0 rgba(0,0,0,.06);
}
.login form {
	border: none !important;
	box-shadow: none !important;
	max-width: 400px !important;
	margin: 0 auto !important;
	display: block !important;
}
.login form .input, .login input[type=password], .login input[type=text] {
	border-radius: 30px !important;
	padding: .1875rem .8125rem !important;
}
.login .button-primary {
	border-radius: 30px !important;
	padding: .1875rem !important;
	float: unset !important;
	margin: 0 auto !important;
	display: block !important;
	width: 60% !important;
	margin-top: 3rem !important;
}
.login #backtoblog {
	display: none !important;
}
#login form p {
	width: 100%;
}
.login #nav {
	position: fixed;
	bottom: 1rem;
	right: 1rem;
}
.login .button.wp-hide-pw .dashicons {
	color: #aaa;
}
.login .button.wp-hide-pw .dashicons:hover {
	color: #ccc;
}
.login #login_error, .login .message {
	text-align: center;
	box-shadow: none !important;
	border: none !important;
}
.login input[type=password], .login input[type=text], .login input[type=checkbox] {
	border-color: #ddd !important;
	box-shadow: none;
}
.login input[type=password]:focus, .login input[type=text]:focus, .login input[type=checkbox]:focus {
	border-color: #ddd !important;
	box-shadow: none;
}

@media screen and (max-width: 992px) {
	#login {
		width: 100% !important; 
	}
}