body {
	position: absolute;
	height: 100%;
	width: 100%;
	padding: 0px ;
	margin: 0px ;
}
section {
	position: absolute;
	width: 92%;
	height: 84%;
	/*background: url("images/fullmoon_background.jpg") no-repeat right center fixed; */
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
img.logo {
	position: absolute;
	max-width: 80%;
	top: 10%;
	left: 10%;
}
img.logo:empty {
	top: 45%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.text {
	font-family: 'Dosis', sans-serif;
	position: absolute;
	bottom: 5%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 40%;
	text-align: center;
	color: #636363;
	font-size: 2.5vh;
}

a:link {
	color: #FFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFF;
}
a:hover {
	text-decoration: none;
	color: #FFF;
}
a:active {
	text-decoration: none;
	color: #FFF;
}

/* Media */
@media screen and (orientation: portrait) {
  img.logo { max-width: 50%; }
  section { margin: 5% 4%; }
}

@media screen and (orientation: landscape) {
  img.logo { max-height: 50%; }
  section { margin: 4% 4%; }
}