body { margin: 0; padding:0; font-family: 'Crimson Text', serif; width:100%; height:100%; position:absolute; top:0; left:0;}
* { box-sizing: border-box; outline:none; }


#mainDiv{ width:100%; height:100%; position:absolute; top:0; left:0%; z-index:101; overflow: hidden; display: none;}

#menu{ width:15%; height:100%; position:absolute; top:0; left:0; z-index:102; overflow: hidden;}


#loading_logo {width:596px; height:596px; position:absolute; top:calc((100% - 596px)/2); left:calc((100% - 596px)/2);    
	background: #403e3d no-repeat center center; background-size:contain; pointer-events: none;}
#loaded { width:0%; height:102%; top:-597px; left:0; background: white no-repeat center center; background-size:contain; z-index: 2;  position: relative; pointer-events: none; }
#loader { width:100%; height:100%; top:0; left:0; background: transparent url('../img/logo-loading.png') no-repeat center center; background-size:contain; z-index: 3;  position: relative; pointer-events: none; }


#splashScreen{width:100%; height:100%; position:absolute; top:0; left:0; text-align: center; font-size:3.2vw; background-image: url("../img/wait.jpg");}


.slide { width:100%; height:100%; position:absolute; top:0; left:0; z-index:0; }
.slide.current { z-index:100;  width:100%; height:100%; position:absolute; top:0; left:0;}


.slide img{ width:100%; height:100%; position:absolute; top:0; left:0; object-fit: cover;}


#vignette { background: transparent url('../img/vignette.png') no-repeat center center; background-size:100% 100%; top:0; left:0; position:fixed; width:100%; height:100%;
 z-index:500; pointer-events: none; }

 #help { width:15.1%; height:14.1%; position:fixed; top:1.8%; right:1.04%; background: transparent url('../img/help.png') no-repeat center center; 
 background-size:100% 100%; cursor:pointer; z-index:9999999; display:none; }


/* ---------------------------------------------------------------------------- */
/* ---------------------------------- RESPONSIVE ------------------------------ */
/* ---------------------------------------------------------------------------- */
@media screen  and (max-width:1024px) {

	*{ font-size:1vw; }

	#loading_logo {width:125px; height:125px; position:absolute; top:calc((100% - 125px)/2); left:calc((100% - 125px)/2);    
	background: #403e3d no-repeat center center; background-size:contain; pointer-events: none;}

	#menu{ width:100%; height:10%; position:absolute; top:0; left:0; z-index:102; overflow: hidden;}

	#help { width:15.1%; height:14.1%; position:fixed; top:11%; right:1.04%; background: transparent url('../img/help.png') no-repeat center center; 
 background-size:100% 100%; cursor:pointer; z-index:9999999; display:none; }

}