@media screen and (max-width:1740px) { 
.reference-flex2-text { max-width:350px; }
}


@media screen and (max-width:1550px) { 
.reference-flex2-text { max-width:300px; }
.block .button.font20			{ font-size: 18px }
.block .button.font24			{ font-size: 18px }
}

@media screen and (max-width:1430px) { 
.reference-flex-left { max-width: 500px;}
.reference-flex2-text { max-width:300px; }
}

@media screen and (max-width:1279px) { 
.reference		{ display:block }
.reference-text { margin-bottom:80px }
.reference-flex-left { max-width: none;}
.reference-flex2-text { max-width:none; }
.claim { max-width:800px; }



.block3			{ display:block;  }
.block3 .block2-flex			{ margin-bottom:40px  }
.block3 .block2-flex:last-child			{ margin-bottom:0  }

}


@media screen and (max-width:1023px) { 
	.font40 { font-size: 30px; }

.reference-flex2-text { max-width:400px; }
.reference-flex2-text2 { margin-left: auto;}

.claim { max-width:600px; }

.info-flex-table-inner { width:100%; margin-left: 0; }

	
	.gdpr				{ bottom: 16px; width:calc(100%); right:0; bottom:0 }
	.gdpr .container				{ width:calc(100%);   }
	.gdpr-text			{ margin-bottom:0; }
	
	
	.gdpr-prijmout		{ float:right; clear:both; }
	.gdpr-odmitnout		{ float:left;  }
	.gdpr .button		{  margin-left: 0; }
	
	.gdpr-nastaveni     { clear:both; margin-top:18px }
	.gdpr-text.font20 	{ font-size:16px; }
 
}

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

.reference-flex2-text { max-width:320px; }
}
@media screen and (max-width:785px) { 


}

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

}

/* Mobilní šířka */
@media screen and (max-width:767px) { 
	.font20 { font-size:16px; }
	.font24 { font-size:20px; }
	.font32 { font-size: 22px; }
	.font40 { font-size:24px; }
	.fontPerex { font-size:18px; }
	.fontH2 { font-size:26px; }
	.fontH3 { font-size:24px; }
	.fontH4 { font-size:18px; }
	
	.h1 { font-size: 24px; }
	.h1 span { font-size: 26px; }
	
	.button { padding:9px 18px; }
	
	.uline:hover { background-size:0; }
	
	.uvod,
	.uvod-inner,
	.uvod-container { height:100% }
	
	.uvod-inner { padding-top:24px; }
	.uvod-img img { object-position: calc(50% + 150px) center; }
	
	.hamburger		{ display:block }
		
	.menu { position: fixed; width: 100%; overflow-y: scroll; height: 100% !important; top: 0; right: -100%; background-color: #111f46; 
			padding:80px 24px 0 24px; margin:0; transition: all 0.5s ease-in-out; z-index: 1000;}
	.menu.active 	{  right:0 }
	.menu-item { clear:both; float:left; margin-left:0; margin-bottom:10px; font-weight: 500; }
	.menu.fontSmallText { font-size: 24px; }
	.menu-close { display:block;}
	
	.claim { bottom: 150px; }
	.year-inner { bottom:40px; }
	
	.about-project,
	.info-outer,
	.program,
	.block,
	.photos 		{ display:block }
	
	.about-project { padding-top: 40px; }
	.about-project-flex { margin-bottom:24px }
	
	.info { margin-top: 40px; }
	.date { margin-top: 40px; }
	.info-flex-table-inner { width:100%; margin-left:0 }
	.info-ramecek 	{ padding:24px; max-width:none;}
	.info-flex-table-zazijte { margin-top:32px; margin-bottom:0  }
	
	.section2 { margin-top: 0; padding: 0; }
	
	.section3 { margin-top: 60px; padding: 60px 0; }

	.reference-flex { display:block }
	.reference-flex2-text { max-width:none; }
	.reference-flex2-text2 { margin-left: inherit; margin-top:40px}
	.reference-text { margin-bottom: 40px; }
    
	.photo-flex img { margin-bottom:24px }
	
	.program { padding-top:40px; }
	.program-flex { margin-bottom:24px }
	.program-info { margin-top:40px; }
	
	.block-cont { margin-top:40px;}
	.block-names { margin-top: 24px; }
	.program-change { margin-top:40px; }
	
	
.block2-text2 	{ margin-bottom:40px;  }
.block2			{ display:block;  }
.block3			{ display:flex;  }
	
	hr { margin-top: 40px; }
	
	.price		{ padding-top: 40px; }
	.price-text { margin-top: 40px; }
	
	.form-button	{  margin-top:60px; }
	
	.contact { margin-top: 40px; max-width: none;}
	.contact-link { margin:24px 0 40px 0; }
	
	.footer { margin:24px 0 24px 0; }
	.footer a { float:left;  }
	.footer a:hover { border:0 }
	.about-cookies { clear:both; float:left; margin-left:0; }
	.about-cookies:hover { border:0 }
}

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


.block3			{ display:block;  }
}




@media screen and (max-width:767px) {
  .zoom .font40 { font-size: 20px; }
  .zoom .claim {  bottom: 80px; }
  .zoom .h1 { font-size: 18px; }
.zoom .hamburger		{ margin-top:10px; width:24px; }
.zoom .hamburger span:nth-child(2) { top: 6px;}
.zoom .hamburger span:nth-child(3) { top: 12px;}
}