@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400;500;600;700&family=PT+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/**/
/*
@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&family=Jersey+15+Charted&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400;500;600;700&family=PT+Sans&family=Roboto+Condensed&family=Roboto+Mono:wght@500&display=swap');
*/

/*S-FONTS --------------------------- */
/*E-FONTS --------------------------- */

/* GLOBAL --------------------------*/
 * {}
/*--------------------------*/
html, 
body 	{ height: 100%; margin: 0; overflow:hidden;}
body	{ background: #FFF;	font-family: helvetica, arial, san-serif; }
/*--------------------------*/
.monitor 	{ background:red; color white; }
#DEBUG_REF 	{ display:none; position: fixed; top: 50%; width: 100%; margin:0;padding:0; color: white;z-index: 99999;}
/*--------------------------*/

/*S-LOGO ==================================== *//**/
#logo_wrap { border: 0px solid red;
			opacity:0;
			position: absolute;
/*			top: -150px;*/
			top: 25px;
			height: 25px;
			background-image: url('img_logo/logo_W.png');
			background-repeat: no-repeat;
			background-size: contain;
			z-index: 3;
}
/* MOBILE-FIRST ----------------- */
/* 	#logo_wrap { left: 55%; margin-left: -75px; width: 150px; } */
	#logo_wrap { left: 32%; width: 150px; }
@media screen and (min-width: 768px) 	{
#logo_wrap { left: 40%; margin-left: unset; width: 230px;}
}

#logo_wrap:hover { cursor:pointer; opacity:0.8!important;}






#logo_wrap.logo-anim-off	{	opacity:1;}
#logo_wrap.logo-anim 		{	animation-name: logo_wrap_anim; 
				  				animation-duration: 6s; 
				  				animation-fill-mode: both; 
 							}
@keyframes logo_wrap_anim 	{ from {opacity: 0;} to { opacity:1; }}





/*E-LOGO ==================================== *//**/

/* ---------------------------------------------------------------------- */
.container.main { /*display:none */}
.container 		{
  margin-left:auto;
  margin-right:auto;
  width: 100%;
  min-height:100%;
  color: #333;
  margin:0;
  background:#000;
}

h4{  text-align:center;}