body{margin:0;color:#fff;background:#000;font-family:Georgia;font-size:16px;line-height:130%;}
ul,li{margin:0;padding:0;list-style:none;}
a{text-decoration:none;color:#fff;}
input{padding:5px 0;color:#555;font-family:Georgia;font-size:17px;font-weight:bold;}


body, html { 
	box-sizing: border-box;
}

.container { margin: 0 auto; width: 800px; }

header { 
	display: flex; 
	background-color: #094b41EE; 
	margin-top: 10px;
	padding: 20px; 
	justify-content: space-around; 
	align-items: center;
}
header div { 
	padding: 10px; 
	text-align: center;
}
body { 
	background: #bf9149;
}

nav { 
	display: flex;
	justify-content: space-around;
	margin: 10px 0;
	padding: 10px;
	text-transform: uppercase;
}

main { 
	align-self: flex-start;
	flex-direction: column;
	padding: 40px;
	flex: 6;
}

.bg-green { background-color: #094b41DD; }
.bg-green-opaque { background-color: #094b41; }
.content { display: flex; flex-direction: column; padding: 20px; }
main h1, main p, .content h1, .content p { margin: 0 0 1rem 0; }

a.strong { text-decoration: underline; font-weight: bold; }
a.strong:hover { text-decoration: none; }
main h1, .content h1 { font-size: 1.1rem; text-transform: uppercase; margin-bottom: 2rem; }
p:last-of-type { margin: 0; }

.wrapper { 
	display: flex;
}

main, nav, header, .content { position: relative; z-index: 10; }

#preload{position:absolute;top:-100px;z-index:-10;}
#preload img{width:1px;height:1px;}