html,body{padding:0;margin:0}

#sos{z-index:10000;
	background-color:rgba(255,255,255,.9);
	position:absolute;top:0;left:0;width:100%;height:100%;
	color:red;font-weight:bold;font-size: min(5vh,5mm);
	display:flex;
	
	}
#sos>*{max-width:60%;margin:0 auto;}
#sos .sw>*{white-space:wrap;}
#sos .nowrap{white-space:nowrap;font-weight:normal;color:blue;font-size:.8em;cursor:pointer;}
#sos address{font-weight:normal;color:blue;padding-top:1em;}

body.accepted	#sos{display:none;}

.caps{text-transform:uppercase;}
.brutal{font-family:arial,sans-serif;letter-spacing:.4ch;}
.btn{cursor:pointer;text-align:center;text-decoration:none;}

.background{
	width:100%;height:100%;
	background-size: 100vw 100%;
	background-position: right bottom;
}

#body{		position:absolute;height:100%;	width:100%;	top:0;}
#body>div{	position:relative;height:100%;				display:flex;flex-direction:column;}
#header{	position:absolute;				width:100%;	z-index:102;}
#data{		position:relative;height:100%;	width:100%;	background-color:#ffffff;}
#wdiv,.wdiv{position:relative;height:100%;}
#templates{display:none;}

@media (min-height:30em) and (orientation:landscape){
	#header{
		position:static;
		width:auto;
		padding:1pc 0 1pc 0;
		background:linear-gradient(-90deg,rgba(255,255,255,.8),transparent 5vw);
	}
	.menulines{display:inline-block;}
	.menu_sw{visibility:hidden;}
	
	#body>div{flex-direction:row;}
	#data{overflow:auto;}
	#data::after{
		position:fixed;top:0;height:100%;width:2%;content: '';
		background:linear-gradient(90deg,rgba(255,255,255,.6),transparent 2vw);
		}
	#logo{left:0;top:-1.5pc;right:auto;}
}

#warningok{
    margin: 1em auto .5em auto;
    border: .1em solid brown;
    border-radius: .5em;
    display: table;
    padding: 0 2ch;
    cursor:pointer;
    background-color: rgba(225, 125, 0, .8);

}
#warning{
	font-family:arial,sans-serif;letter-spacing:.4ch;
    border: 1px solid brown;
	max-width: 90%;
	min-width: 50%;
	color:#444444;
    background-color: rgba(255, 155, 0, 0.62);
    position: absolute;
    left: 5%;
    top: 10%;
    z-index:10000;
    font-size: 2em;
	border-radius: 1em;
	padding: 1em;
	text-align: center;
}