.login {
	display: flex;
  background: #fff;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
div#login form#loginform p.submit input#wp-submit {
 	float:none;
 	width:100%;
 	margin-top:3%;
}
#login p#nav { display: none; }
#login p#backtoblog { display: none; }
.login #login > h1 { 
	display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
	position: fixed;
	width: 55%;
	height: 100%;
	left:0;
	top:0;
	max-width: unset;
	line-height: 1;
}
.login #login > h1 a img {
	vertical-align: middle;
}
.login #login > h1 a { 
	background:none;
	text-indent: 0;
	padding: 0;
	margin:0;
	min-width: 320px;
	height:auto;
}
.login #login {
	width:45%;
	padding: 16px 0;
}
.login:before {
	content:"";
	display: block;
	width: 55%;
	height: 100%;
	background-color:#2271b1;
	background-image: repeating-linear-gradient(135deg, transparent, transparent 4px, rgba(0, 0, 0, 0.05) 4px, rgba(0, 0, 0, 0.05) 8px );
}
.login #login {
	padding-top:5%;
}
.login #login > * {
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
}
.login #login:after {
	content:"";
	display:block;
	width:64px;
	height:65px;
	margin: 0 auto;
}
.login #login form#loginform {
	margin-top: 0;
	box-shadow:none;
	padding: 16px 48px 16px;
	border: none;
	background:transparent;
}
.login form .forgetmenot {
	float:none;
}
@media screen and (max-width:820px){
	.login {
		flex-direction: column;
	}
	.login:before {
		width:100%;
		height: 26.5%;
	}
	.login #login {
		width:100%;
		height: 75%;
	}
	.login #login > h1 { 
		width:100%;
		height: 25%;
	}
	.login #login > h1 a { 
		min-width: 128px;
		max-width: 256px;
		width:100%;
	}
}