/* Uncomment if we ever use italics on this page.
	@font-face {
		font-family: Lato;
		src: url('./fonts/Lato-BoldItalic.ttf');
		font-weight: bold;
		font-style: italic, oblique;
	}
	@font-face {
		font-family: Lato;
		src: url('./fonts/Lato-Italic.ttf');
		font-style: italic, oblique;
	} */
	@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-weight: lighter; font-size: 1.5em;}
	h3 { font-weight: lighter;}
	h4 { font-weight: bold; margin-bottom: 5px; }
	ul>li {margin-bottom: 6px; font-size:85%; }
	ol>li{margin-bottom: 2px;}
	header { display: none;}
	.b4a-menu-block { padding: 0px 30px; }
	.b4a-container { margin: auto; position: relative; padding: 0px 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: 5px 0; }
	.b4a-splash-screen h2 { margin: 5px 0; }
	.b4a-splash-screen h2 a { display: inline-block; vertical-align: middle; }