html {
	margin:0;
	padding:0;
}

body {
	background-color: #0e171e;
	margin:0;
	padding:0;
	width:100%;	
	height: 100%;
	font-size: 16px;
}

#page-wrapper { width: 100%; height:100%; position: relative; display:block; text-align: center; }
img.background { 
	top:0px;
	left: 0px;
	position: fixed;
	width:100%;
	height: auto;
}

h1, h2 { font-family: 'Open Sans', sans-serif; font-weight: 300; color:#f5f4f9; text-align: center; display:block; }
h1 { font-size:2.7em; padding-top: 21%; max-width: 90%; margin-left:auto; margin-right: auto; }
h2 { font-size:1em; max-width: 90%; margin-left:auto; margin-right: auto; margin-top:30px; margin-bottom: 0px; }
h2 a { color:#eee; }
h2 a:hover { color:#fff; }
#page-wrapper img { margin-top: 50px; }

@media (max-width: 768px) {
	img.background { width:200%; left:-50%; }
	body {
		font-size:9px;
	}
	h2 { font-size: 1.8em; }
}

@media (max-width: 400px) {
	img.background { width:250%; left:-50%; }
}