body {
	background-image: url('../images/map.jpg');
	background-size:cover;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 300;
	color: white;
}
a, a:visited, a:hover {
	text-decoration: none;
	color: white;
}
#overlay {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;	
	background-color: rgba(0,0,0,0.5);
}
#header {
	position: absolute;
	height: 15%;
	width: 100%;
	left: 0px;
	top: 0px;
}
#center {
	position: absolute;
	height: 70%;
	width: 90%;
	left: 5%;
	top:15%;
}
#footer {
	position: absolute;
	height: 15%;
	width: 100%;
	left: 0px;
	bottom: 0px;
}	
#title {
	padding: 10px;
	margin: 0px;
	font-size: 3em;
}
.mainbox {
	position: absolute;
	width: 33.3%;
	height: 100%;
	left: 0%;
	display: inline-block;
}
.boxcenter{
	left:33.3%;
}
.boxright {
	left:66.6%;
}
.iconbox {
	position: absolute;
	width: 90%;
	height: 90%;
	left: 5%;
	top: 5%;
	border: 2px solid white;
	border-radius:20px;			
}
.iconbox > p {
	position: absolute;
	bottom: 0px;
	width: 100%;
	text-align: center;
	margin-bottom: 5px;
	font-size: 2em;
}
.logobox {
	background-position: center top;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	width: 90%;
	height: 80%;
	top:5%;
	left: 5%
}
#footer > .left, #footer > .right {
	position: absolute;
	bottom: 5px;
}
#footer > .left {
	left: 5px;
}	
#footer > .right {
	right: 5px;
	font-size: 1.5em;
}