@media screen and (max-device-width:800px){
/*
	@-o-viewport {
		width: device-width;
    }
	@-webkit-viewport {
		width: device-width;
    }
	@-moz-viewport {
		width: device-width;
    }
	@-ms-viewport {
		width: device-width;
    }
	*/

	body{
    	font-size:150%;
		}
div#mainbox {
	width:100% !important;
	}
div#overhead-mobile{
	background-color: rgba(33,33,33,0.5);
	z-index: 100;
	height:7em;
	width:100% !important;
	position: fixed;
	top: 0px;
	display:block;
}	
div#overhead-web{
	display:none;
}
span.datum {
	display:none;
}
ul#mobilemenu {position:relative; left:2em; top:0em; display: block; float:left; padding-left:0px; text-align:left; z-index:3;}
ul#mobilemenu img {border:0px; width:5em;}
ul#mobilemenu li {list-style-type:none;}
ul#mobilemenu ul {display:none; z-index:3;} 
ul#mobilemenu:hover ul{display:block; margin:auto;} 
ul#mobilemenu:hover ul li a{font-size:2em; display:block; width:12em; padding:1em; border:1px solid #fff; color:#fff; font-weight:bold; letter-spacing:0.1em; background-color:#000; opacity:0.9; z-index:3; text-transform:uppercase;}
ul#mobilemenu:hover ul li a:hover{background-color:#ccc; color:#000;}
ul#mobilemenu ul li{list-style-type:none; text-align:left; z-index:3;}

a#mlogolink{
	position:relative;
	float:right;
	transition: 0.5s;
	right:2em;	
	top:1.1em;
	color:#fff;
	font-size:2em;
	text-transform:uppercase;
}
/* @@@@ Entry-Box @@@@ */
div.entrybox{
	width:90vw;
	/* height:50em; */
	margin: 130px 4vw;
	padding:0px;
}
div.entrymedia{
	clear:left;
}
div.entrymedia img{
	width:100%;
}
div.entrymedia iframe{
	width:88vw;
	height:50vw;
}
div.entrytext{
	clear:right;
	width:94%;
	font-size:1.6em;
	padding:3%;
}
div.entrybox h2{
	margin-top:0;
}
/* @@@@ Entry @@@@ */

div.entry{
	width:80vw;
	margin: 130px auto;
	font-size:1.6em;
}
div.entry img{
	width:100%
}
div.entry iframe{
	width:80vw;
	height:45vw;
}

}