div { box-sizing: border-box; }
::selection { background: transparent; color: inherit;}
::-moz-selection { background: transparent; color: inherit;}
html {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

@viewport{ width: device-width; }
@-ms-viewport{ width: device-width; }

html, body {
    width:100% !important;
    height:100% !important;
    margin: 0;
    padding: 0;
}

body.janka {
    font-family: s500, 'Maven Pro', sans-serif !important;
    background-color: rgba(174,167,169,1);
    background-size: cover;
    height:100% !important;
    margin: 0;
    overflow:scroll;
    overflow-x:hidden;
    overflow-y:hidden;
    clip:rect(auto, auto, auto, auto);
	box-shadow: inset 0px 0px 500px 5px rgba(18,69,120,0.25);
}

object {
    position:absolute;
	top:50%;
	left:50%;
	-o-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
    border: 3px inset rgba(255,255,255,0.5);
	box-shadow: 0px 0px 500px 5px rgba(255,135,30,0.15);
    z-index:-9999;
}

#shadowdiv {
    position:absolute;
	top:50%;
	left:50%;
	width:800px;
	height:450px;
	-o-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	box-shadow: inset 0px 0px 170px 70px rgba(18,69,120,0.25);
    z-index:-9990;
}

@media only screen and (max-width: 801px) {

	object, #shadowdiv {
		width:95vw;
		height:calc(95vw * 0.5625);
	}

}