﻿html, body {
	height: 100%;	
}

body {
	text-align: center;
	margin: 0;
	background: #FFFFFF;
	font-family: sans-serif;
	font-size: 10pt;
}

.window {
	margin-left: auto;
	margin-right: auto;
	width: 1024px;
	height: 768px;
}

.fullscreen {
	width: 100%;
	height: 100%;
	margin: inherit;
}

#fullscreen {
	position : absolute;
	top : 5px;
	right : 5px; 
}


/* On small devices, fill the entire screen and hide the rest of the page. */
@media (max-device-width: 11in), (max-device-height: 11in) {

	html {
		/* Prevent scrollbars from causing a resize feedback loop. */
		overflow: hidden;
	}

	html, body {
		height: 100%;	
	}
	
	body {
		background: #000000;
	}

	.window {
		height: 100%;
		width: 100%;
		margin: inherit;
	}

	.no-mobile {
		display: none;
	}
	
}