body { background-color: #fff; }
header {
	margin-top: 50px;
	height: 350px;
	display: flex;
	justify-content: center;
	align-items: center; }
header .logo { width: 300px; }
.container { padding: 50px 0; }
.container form h2 { margin-bottom: 30px; }
.container form .row { margin-top: 30px; }
.container .panel {
	max-width: 300px;
	margin: auto; }
.container form .row .col-xs-6.text-left a {
	position: relative;
	top: 8px; }
footer {
	background-color: #fff;
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 30px; }
@media (min-width: 991px) {
	html, body, .container-account, .container-account > div { height: 100% }
	.logo {
		max-width: 400px;
		position: relative;
		top: 50%;
		transform: translate(10%, -50%);
	}
	.container-account .panel {
		max-width: 400px;
		margin: auto;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
		position: relative;
		top: 50%;
		transform: translate(-10%, -50%);

	}
	.container-account .panel .panel-body { padding: 30px; }
}