/*
@media screen and (max-width:1023px) {
#page-wrapper > *,
header,
.control {
display : none;
}
#page-wrapper:after {
content : 'You must change the orientation of your device.';
position : absolute;
display : block;
top : 100px;
width : 100%;
font-size : 24px;
color : red;
text-align : center;
background-color : black;
}
}
*/

@media screen and (orientation:portrait) {
	#page-wrapper > *,
	header,
	.control {
		display : none;
	}
	#page-wrapper:after {
		content : 'You must change the orientation of your device.';
		position : absolute;
		display : block;
		top : 100px;
		width : 100%;
		font-size : 40px;
		color : rgba(0, 173, 239, 1);
		text-align : center;
	}
	#page-wrapper:before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width:100%;
		height: 100%;
		display: block;
		background: url("img/TOP_LOGO.png") scroll no-repeat center center transparent;
	}
}