html, body {
	background: #EFF8FD;
}

.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem 4.5rem;
	position: relative;
	z-index: 1;
	background: #014C8B;
	box-shadow: 0px 4px 16px 4px rgba(0,0,0,0.1);
}

.header .img {
	display: block;
	height: 100%;
	max-width: 20rem;
	object-fit: contain;
}


.app-container .page {
	width: 100%;
	flex: 1 1 auto;
}

.h1 {
	text-align: center;
	padding: 1rem;
	font-weight: 700;
	font-size: 2.875rem;
	color: #014C8B;
	margin: 5rem 0 1rem 0;
}

.form {
	max-width: 28rem;
	padding: 1rem;
	margin: 0 auto;
}

.formrow + .formrow {
	margin-top: 2rem;
}

.formrow.errors {
	color: #FF4E00;
}

.buttons {
	margin-top: 3rem;
	text-align: center;
}


.input.text {
	&:extend(.input-std all);
	font-size: 1.5rem;
}

.input.submit {
	&:extend(.btn-secondary all);
}