body {
	padding: 0;
	margin: 0;
	background: rgba(0, 0, 0, 0);
	overflow: hidden;

	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}

/* awesomium does not like vw/vh REEE */

.overlay {
	position: fixed;
	width: 100%;
	height: 200%;

	z-index: 9999;
	background-color: rgba(0, 0, 0, 0.1);
}

.left {
	position: relative;
	/*background: rgba(33, 150, 243, 0.9);*/
	background: url("okay.png");
	background-repeat: no-repeat;
	height: 150%;

	transition: all 0.5s ease-out;

	color: #fff;
}

.map {
	position: fixed;
	bottom: 0;
	right: 0;
	padding-right: 10%;
	padding-bottom: 10%;
	float: right;
	text-align: right;

}

.map img {
	max-width: 50%;
	padding-top: 90px;
	padding-left: 90px;
}

.timer {
	font-weight: 300;
	font-size: 300%;
}
.ms {
	font-size: 60%;
}

.info {
	color: #fff;
	font-weight: 300;
	text-align: right;
	border-spacing: 10px;
}

.timerrow {
	padding-left: 20px;
	text-align: left;
}

.left .text {
	padding-left: 3%;
	font-size: 120%;
}

.left.show {
	margin-left: -5%;
	/*transform: rotate(8deg);*/
}

.left .content {
	padding-top: 50px;
	padding-left: 130px;
	/*transform: rotate(-8deg);*/
}

.left .content img {
	padding-bottom: 30px;
}

.back {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: -9999;
}

.background-image-main {

	height: 100%;
	width: 100%;

}

.back img {
	overflow: hidden;
	position: fixed;
}

.status {
	margin-top: 50px;
	position: relative;
}

.motd {
	font-style: italic;
}