* {margin:0;padding:0;}
	html,body {height:100%; width:100%; overflow:hidden; background-color:#e0e0df;}
	img {border:none;}
	
	a:link,a:visited {color:#bb4400;text-decoration:none;}
	a:hover,a:active {color:#ee4400;text-decoration:underline;}
	
	#fullscreen {width:100%; height:100%;
	-webkit-transform-style: preserve-3d; <!-- see http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/ -->
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	text-align:center;
	}
	
	#monitorandcontrols {
	position: relative;
	top: 50%;
	transform: translateY(-50%);	
	}
	
	#monitor { width:987px; display:inline-block; }
	#screen {height:574px; background-color:#000; border:20px solid #245f6b;box-sizing: border-box; position:relative; z-index:2;border-top-left-radius:10px;border-top-right-radius:10px;}
	#baseleft,#baseright {background-color:#fff; width:210px; display:inline; height:69px;position:relative; z-index:1;}
	#baseleft {float:left;border-bottom-left-radius:10px;}
	#baseright {float:right;border-bottom-right-radius:10px;}
	#base { width:567px; height:149px; float:left;}
	#baseimg {width:100%;}
	
	#controls {width:100%; padding:20px 0 0 0; text-align:center;}
	.icon {padding:0; margin:0 5px; display:inline-block;}
	
	@media screen and (min-width:620px) and (max-width:1199px) {
		#monitor { width:587px;}
		#screen { height:348px;}
		#baseleft,#baseright {width:10px; display:inline;}
		#base { width:567px; height:149px; float:left;}
	}
	
	@media screen and (max-width:619px) {
		#monitor { width:100%; }
		#screen { width:100%; height:56.25%; }
		#baseleft,#baseright {width:10px; display:none;}
		#base { width:100%; height:auto; float:left;}
	}
	
	@media screen and (max-height:800px) and (min-width:600px) {
		#monitor { width:587px;}
		#screen { height:348px;}
		#baseleft,#baseright {width:10px; display:inline;}
		#base { width:567px; height:149px; float:left;}
	}
	
		
	@media screen and (max-height:600px) {
		#monitor { width:533px;}
		#screen { height:300px;}
		#baseleft,#baseright {display:none;}
		#base { display:none;}
		#controls {padding:30px 0 0 0;}
	}

	
	#icondada,#iconcats,#iconjacker,#icontranslate,#iconcassette,#iconmusic,#iconretro,#iconzx,#iconasmr { width:50px; height:50px; display:inline-block; }
	#icondada {background:url('../img/icon-dada.png') left top no-repeat; }
	#icondada:hover {background:url('../img/icon-dada-on.png') left top no-repeat; }
	#iconcats {background:url('../img/icon-cats.png') left top no-repeat; }
	#iconcats:hover {background:url('../img/icon-cats-on.png') left top no-repeat; }
	#iconjacker {background:url('../img/icon-jacker.png') left top no-repeat; }
	#iconjacker:hover {background:url('../img/icon-jacker-on.png') left top no-repeat; }
	#icontranslate {background:url('../img/icon-translate.png') left top no-repeat; }
	#icontranslate:hover {background:url('../img/icon-translate-on.png') left top no-repeat; }
	#iconcassette {background:url('../img/icon-cassette.png') left top no-repeat; }
	#iconcassette:hover {background:url('../img/icon-cassette-on.png') left top no-repeat; }
	#iconmusic {background:url('../img/icon-music.png') left top no-repeat; }
	#iconmusic:hover {background:url('../img/icon-music-on.png') left top no-repeat; }
	#iconretro {background:url('../img/icon-retro.png') left top no-repeat; }
	#iconretro:hover {background:url('../img/icon-retro-on.png') left top no-repeat; }
	#iconzx {background:url('../img/icon-zx.png') left top no-repeat; }
	#iconzx:hover {background:url('../img/icon-zx-on.png') left top no-repeat; }
	#iconasmr {background:url('../img/icon-asmr.png') left top no-repeat; }
	#iconasmr:hover {background:url('../img/icon-asmr-on.png') left top no-repeat; }
	
	.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; border:0;} 
	.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; border:0;top: 0; left: 0; width: 100%; height: 100%; }