@media screen and (max-width:1279px) { 
	.actors-text { position:relative; top:0; padding:0; max-width:570px; margin:auto; margin-bottom:80px; text-align:center;  }
	.dragscroll-outer	{ margin-left:0; }
	.gallery-scroll .scroll-item.noborder { width:0}

	.gdpr-left { width:100%;}
	.gdpr-right { width:100%; margin-top:24px }
}



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

	.font128 { font-size:96px; }
	.font64 { font-size:48px; }
	.font40 { font-size:28px; }


    .menu { position: fixed; width: 100%;  overflow-y: scroll; height: 100% !important; top: 0; right: -100%; background-color: red; 
			color:#000; padding:24px; margin:0; transition: all 0.5s ease-in-out; z-index: 100;}
    .menu.active 	{ right:0 }
    .menu-item { clear:both; float:left; font-size:64px; line-height:1.05em; letter-spacing:-0.03em; font-weight: 400; text-transform:none; margin-right:0; font-family: 'Geist'; }
    .menu-close { display:block;}
    .hamburger		{ display:block }
    
	.header-hide { display:block; margin-bottom:40px }
	
	.social  { position:absolute; bottom:24px; left:24px }
	.social path { fill:#000 }
	.social a { margin-left:0; margin-right:14px}
	
		
	.section-info { padding:80px 0 80px 0; }
	
	.section-actors {  padding:80px 0 80px 0; }
	.actors-text { max-width:500px  }
	
	.section-about-us-container { width:calc(100% - 48px);}
	
	
	.section-about-us-left { width:100%  }
	.section-about-us-right { width:100%; text-align:left; margin-top:40px;  }
	
	.footer-links { position:relative; float:left; bottom:0; margin-top:40px;   }
	.footer-links,
	.footer-links a { color:#fff }

}



/* Mobilní šířka */
@media screen and (max-width:767px) { 
	
	:root { --bg: url('../images/wargame-mobile.webp') center center / cover no-repeat; }
	body, html { background-size:cover; }

	.font14 { font-size:12px; }
	.font28 { font-size:18px; }
	.font32 { font-size:24px; }

  
  
	.claim { letter-spacing:-0.03em;  margin:auto; margin-top:calc(-25vh - 40px); line-height: 1.3em; }
	.doubledot { display:none;  }
	#countdown { max-width: 300px; margin: auto;}
	.countdown-item { margin:10px 20px }
	.countdown-text { display:block;  }
	
	.claim-text { letter-spacing:-0.01em; max-width:330px; margin-top:16px  }

	
	.form { bottom: 60px; padding-bottom:20px; }
	.form-inner,
	.souhlas-inner { max-width:400px;}
	.form input { padding:17px 32px; max-width:calc(100% - 59px);  }
	.form .send { color:transparent; padding:0; height:59px; width:59px;background-image:url(../images/arrow_right_alt.svg); 
					background-position:center; background-repeat:no-repeat; }
	.form .send.open { background:transparent; color:#fff; width:auto; padding:18px 32px; }
	.form .email.open { background-size: 30px; padding:17px 0; max-width:59px}

	.form input[type="checkbox"] + label 	{ margin-top:-5px; }
	.souhlas.font16 { font-size:14px; line-height:1.25em; letter-spacing:-0.05em; }
	
	.sign { width:100%; text-align:center; right:0; }
	
	.section2-title { display:none; }
	.section2-title-mobile { display:block; }
	
	.dragscroll-inner	{ margin-left:24px; }
	.gallery-scroll .scroll-item	{ max-width:245px; }
	.gallery-scroll .scroll-item.noborder { width:14px}
	.gallery-scroll-cont { display:none; }
	.name	{ width:calc(100% - 32px); left:16px; bottom:18px; }
	.name.font16,
	.name .font16 { font-size:14px }
	.function { display:none; }
	.function-mobile { display:block; }
	
	.scroll-item-hide {  padding:16px; }
	.scroll-item-hide.font28 { font-size: 17px; }

	
	.gdpr-font40 { font-size:20px;  }
	.gdpr-font21 { font-size:16px;  }
	

	.gdpr .container { width: calc(100% - 32px); }
	
	.gdpr { width:100%; right:0; left:0; margin:auto }
	.gdpr-y			{ padding:24px; }
	.gdpr .button 	{ clear:both; float:right; padding: 14px 20px; margin-left:0; margin-top:12px!important;  }
	.gdpr-nastaveni { margin-top: 0;  }
	.gdpr-text { margin-bottom:0 }

	.gdpr-info .button.gdpr-potvrdit	{ padding: 14px 20px; }
	
	.gdpr-nastaveni { position: absolute; bottom: 37px; margin-top: 0; display: block; text-transform:none; letter-spacing: -0.05em;}

	.uline { background-image: linear-gradient(transparent, transparent); }
}


@media screen and (max-width:550px) {
	.footer-links { width:100%; }
	.footer-link { clear:both; width:100%; margin-bottom:8px; text-align:center; }
}


/* Výška okna menší než 900px */
@media screen and (max-height:600px) { 
 	.font128 { font-size:60px; }
	.claim-text {font-size:22px; max-width:400px; }

}

@media screen and (max-width:479px) {
	.claim { max-width:200px; }
	.claim-text {font-size:16px; }
	
	.actors-text { max-width:calc(100% - 48px);  }
}


/* Výška okna menší než 900px */
@media screen and (max-height:600px) and (max-width:767px) { 

	
	.zoom .font32 { font-size:16px; }
	.zoom .font128 { font-size:50px; }
	.zoom #countdown { max-width: 250px; }
	.zoom .claim-text { font-size: 16px; max-width: 300px; }
    .zoom .form input { padding: 12px 24px; max-width:calc(100% - 60px); }
}




/** TABLETS IN PORTAIT **********************************/
/*************************************************************/
@media all and (min-device-width: 0) and (max-device-width:768px) and (orientation:portrait){	 

}

/** TABLETS IN LANDSCAPE **********************************/
/*************************************************************/
@media all and (min-device-width: 0) and (max-device-width:768px) and (orientation:landscape), all and (max-device-height:660px) and (orientation:portrait){  
	body, html { background-size:cover; }

	.container-center { float:left; margin:0; margin-top:50px; display:block; height:auto }
	.container-center .table-cell { display:block; }

	
	.claim {  margin-top:0 }
 	.font128 { font-size:40px; }


	#countdown { max-width:240px; margin: auto;}
	.claim 		{ margin-bottom:10px }
	.claim-text { margin-top:4px; font-size:16px; max-width:270px; }
	.countdown-item { margin:0 20px }
	.form-inner {  max-width:300px;}

	.souhlas-inner { max-width:329px; }

	.form { position:relative; bottom:auto; margin-top:40px; padding-bottom:30px; }
	.form input { padding:12px 24px; max-width: calc(100% - 49px); }
	.form .send { height:49px; width:49px; text-shadow:none; }

	.sign { position:relative; float:left; bottom:auto; padding-bottom:40px } 
	
	
	
}

    
    
    
@media screen and (max-width:400px) {
	.font128 { font-size: 45px; }
	#countdown { margin-top:16px; margin-bottom:16px }
	.doubledot { display:inline-block;  }
	.countdown-text { display:none; }
	.countdown-item { margin:0 }

}



@media screen and (max-width:350px) {
	.font128 { font-size: 35px; }
}