.banner {
	background: #d10000;
	padding: 1em;
	position: absolute;
	z-index: 999;
	top: -7px;
	color: #fff;
}
body:has(.opened) .banner {
	z-index: 2;
}
@media screen and (min-width: 29.938em) {	
	.banner {
		left: 88px;
	}
}
@media screen and (min-width: 30em) {	
	.banner {
		top: 0px;
	}		
}	
@media screen and (min-width: 48em) {	
	.banner {
		/*top: -65px;*/
		left: 108px;
	}		
}
@media screen and (min-width: 60em) {
	.banner {
		left: 304px;
		/*top: -88px;*/
	}
}