* {
	box-sizing: border-box;
} 


body {
	width: 100%;
	height: 100%;
	margin: 0;
}

html { 
  background: url(fitlevel.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#infobox {
	background-color: rgba(255,255,255,0.4683521);
	position: absolute;
	top: 45%;
	left: 15%;
	right: 50%;
	border-radius: 15px 0px 0px 15px;
	padding: 10px 10px 10px 15px;
	font-family: 'Open Sans', sans-serif;
}

#infobox-mobile {
	display: none;
}

@media screen and (max-width: 600px) {

	html { 
	  background: url(fitlevel-narrow.jpg) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;	
	}
	
	#infobox {
		display: none;
	
	}

	#infobox-mobile {
		display: block;
		padding: 10px 10px 5px 15px;
		font-family: 'Open Sans', sans-serif;
		text-align: center;
	}
	
	#infobox-mobile .soon {
		background-color: rgba(255,255,255,0.4683521);
	}
	
	#infobox-mobile img {
		max-width: 100%;
		height: auto;
	}
	
}