body {
  	margin: 0;
  	padding: 0;
  	height: 100%;
  	font-size: 14pt;
  	background-color: rgba(228,233,241,1);
  	font-family: Arial;
}
.header {
	height: 340px;
	width: 100%;
	color: #fff;
	background-image: url(../img/background.jpg);
	background-size: cover;
	background-position: center center;
	display: table;
	border-bottom-color: rgba(0,98,255,1);
  border-bottom-width: 10px;
  border-bottom-style: solid;
}
.header a {
	color: #fff;
}
.header .header-text {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	position: relative;
}
.header-text div {
	margin: 20px auto 20px auto;
}
.header h1 {
	font-size: 56pt;
	line-height: 1.25;
	margin-bottom: 19px;
	text-align: center;
}
.header p {
	text-align: center;
}

.main, .footer {
	margin: 20px auto 20px auto;
	max-width: 80vw;
	padding-left: 48px;
	padding-right: 48px;
	line-height: 1.55;
}
.main .main-text, .footer .footer-text {
	padding: 8px;
}
.footer {
	font-size: 9pt;
}
.footer a {
	color: #000;
}

.lock-icon {
	height: 1em;
	margin: -8px;
}

@media (max-width: 900px) {
	.header {
		height: 240px;	
	}
	.header h1 {
		font-size: 32pt;
	}
}
@media (max-width: 250px) {
	.lock-icon {
		display: none;
	}
}