@media all and (max-width: 568px) {
	body {
		background-position: center center;
	}
	a, a:visited, a:hover {
		text-decoration: none;
		color: white;
	}
	#overlay {
		position: inherit;
		height: inherit;
		width: inherit;
		overflow-x: hidden;
	}
	#header {
		position: relative;
		height: 100%;
		width: 100%;
	}
	#center {
		left: 0%;
		top:0%;
		position: relative;
		height: 100%;
		width: 100%;
	}
	#footer {
		position: relative;
		height: 100%;
		width: 100%;
	}	
	#title {
		font-size: 1.5em;
		padding: 5px;
		position: relative;
		height: 100%;
		width: 100%;
	}
	.mainbox {
		position: relative;
		height: 100%;
		display: inline;
	}
	.boxcenter{
		left: 0;
	}
	.boxright {
		left: 0;
	}
	.iconbox {
		position: relative;
		height: 200px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 5px;
		left: 0%;
		top: 0%;
		border: 1px solid white;
		border-radius:10px;		
	}
	.iconbox > p {
		position: relative;
		font-size: 1em;
	}
	.logobox {
		position: relative;
	}
	#footer > .left, #footer > .right {
		position: relative;	
		bottom: 0;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	#footer > .left {
	}	
	#footer > .right {
		width: 50%;
		margin-top: 20px;
		margin-left: 25%;
		right: 0px;
		text-align: center;
		font-size: 1em;
		border: 1px solid white;
		border-radius:5px;		
	}	
}
@media all and (min-width: 569px) and (orientation: portrait) {
	#center {
		top:35%;
		height: 30%;
	}
}