html,
body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-image: url('../img/background.jpg');
}

body { 
	background-color: #AAE040; 
}

#iframe {
	border: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	display: block;
	background-color: #C1F4FD; 
}


@media(min-width: 960px) {
	html,
	body { 
		display: table; 
	}

	body {
		vertical-align: middle;
		display: table-cell;
		background-repeat: repeat-x;
	}

	#iframe {
		margin: 0 auto;
		width: 90%;
		height: 640px;
		border: 10px solid #039DEF;
		-webkit-box-shadow: 10px 10px 60px -8px rgba(0,0,0,0.3);
		-moz-box-shadow: 10px 10px 60px -8px rgba(0,0,0,0.3);
		box-shadow: 10px 10px 60px -8px rgba(0,0,0,0.3);
	}
}


@media(min-width: 1200px) {
	#iframe {
		margin: 0 auto;
		width: 1200px;
		height: 640px;
		border: 10px solid #039DEF;
		-webkit-box-shadow: 10px 10px 60px -8px rgba(0,0,0,0.3);
		-moz-box-shadow: 10px 10px 60px -8px rgba(0,0,0,0.3);
		box-shadow: 10px 10px 60px -8px rgba(0,0,0,0.3);
	}
}