@font-face {
		font-family: Lato;
		src: url('./fonts/Lato-Black.ttf');
		font-weight: bold;
	}
	@font-face {
		font-family: Lato;
		src: url('./fonts/Lato-Light.ttf');
		font-weight: lighter;
	}
	@font-face {
		font-family: Lato;
		src: url('./fonts/Lato-Regular.ttf');
		font-style: normal;
	}
	html, body, main { height: 100%; margin: 0; padding: 0; }
	body { background-color: #122D53;font-family: Lato; }
	header, main, footer { display: block; }
	main { width: 100%; position: relative; }
	a { text-decoration: underline; color: #fff; }
	h1, h2 { font-size: 2em;  font-weight: lighter;}
	h3 { font-size: 1.4em; font-weight: lighter;}
	h4 {font-size: 1.2em; font-weight: lighter; -webkit-margin-before: 0.2em; -webkit-margin-after: 0.2em;}
	ul>li {margin-bottom: 20px; font-size:85%; }
	ol>li{margin-bottom: 5px;}
	header { background: #A3C239; height: 55px; text-align: right; }
	.b4a-menu-block { padding: 0px 30px; }
	.b4a-google-image { height: 100%; padding: 5px 20px; }
	.b4a-container { margin: auto; position: relative; padding: 0px 75px;}
	.b4a-menu-link { line-height: 55px; vertical-align: bottom; text-decoration: none; }
	.b4a-download-link { line-height: 55px; vertical-align: bottom; margin-right: 5px;}
	.b4a-splash-screen { position: relative;  z-index: 1; color: #fff; }
	.b4a-splash-text-help { position: absolute; top: 20px; text-align: left; margin-right: 20px;}
	
	
	.b4a-splash-screen h1, .b4a-splash-screen h2 { color: white; margin: 0; }
	.b4a-splash-screen h1 { margin: 15px 0; }
	.b4a-splash-screen h2 { margin: 15px 0; }
	.b4a-splash-screen h2 a { display: inline-block; vertical-align: middle; }