@font-face {
	font-family:Lato-Regular;
	/*src:url("./lato-regular-webfont.woff");*/
	src:url("./Lato-Regular.ttf");
	font-weight:normal;
}

@font-face {
	font-family:Lato-Bold;
	src:url("./Lato-Bold.ttf");
	font-weight:bold;
}

* {
	box-sizing: border-box;
}

body {
	display:flex;
	position: relative;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	text-align:center;
	min-height:90vh;
	margin:0;
	padding:0 0 70px 0;
	background:#ffffff;
	color:#0050a9;
}

main {
	display:block;
	font-family:Lato-Bold;
	font-weight:bold;
	margin:10px 10px 70px 10px;
}

main img.logo {
	width:65%;
}

main > h1 {
	font-size:32px;
	line-height:40px;
}

footer {
	display:block;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:0;
	padding:20px;
	background:#e3ebf9;
	font-family:Lato-Regular;
	font-weight:normal;
	font-size:18px;
	line-height:22px;
	color:#2d2d2d;
}

footer a {
	color:#0050a9;
	text-decoration:none;
}

footer a:hover {
	color:#0050a9;
	text-decoration:underline;
}




@media (min-width: 0px) {

	body {
		min-height:90vh;
	}

	main {
		margin-bottom: 20px;
	}

	main > h1 {
		margin-top: 0;
	}
	
}



@media (min-width: 800px) {

	body {
		min-height:100vh;
	}
	
	main {
		margin-bottom: 70px;
	}
	
	main > h1 {
		margin-top: 22px;
	}

}