Custom modifications to enhance Branda's AbstractTag Custom Login Template

branda-custom-login-AbstractTag-customizations.css

html body {
	display: flex;
	align-items: stretch;
	align-content: flex-start;
	background-position: 200px 50%;
	background-color: #ffffff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body,
.branda-background-mask {
	background-color: #ffffff;
}

.branda-login {
	width: 40%;
	min-width: 350px;
	display: flex;
	align-items: center;
	margin-left: 0;
}

@media only screen and (max-width: 768px) {
	.branda-login {
		width: 100%;
	}
}

#login {
	margin: 0 auto;
	width: 320px;
}

#login h1 {
	margin-bottom: 0;
}

.login {
	display: flex;
}

.login #login #nav,
.login #loginform {
	max-width: 320px;
}