@media screen and (max-width:1279px) { 
.font140   	{ font-size: 100px; }

.video,
.contact			{ margin-top:60px }
.social				{ margin-bottom:60px; }
.pavel-light 		{ top:auto; bottom:0; width:500px; margin-right:-80px; }
}


@media screen and (max-width:1024px) {
	
.font140   	{ font-size: calc(23vw - 11px); }
.font100   	{ font-size:42px; }
.font36   	{ font-size: 56px;  }
.font32   	{ font-size:22px;}
.font20		{ font-size:20px; line-height: 1.2em; }
.font22		{ font-size:20px; line-height: 1.4em; }
.font17		{ font-size:14px; line-height: 1.4em; }


.mobile-only { display:block; }

.hamburger	{ display:block;  }

.menu		{ position:fixed; top:0; right:-100%; width:100%; height:100%; background-color:#12110D; padding:130px 24px 0 24px; color:#FEF7E7;
			  z-index:1000; transition:all .5s ease-in-out;  }
.menu.active	{ right:0; }

.menu.font22 { font-size:56px }


.menu-item 	{ clear:both; margin-left:0; margin-bottom:20px }

.title		{ text-align:left; max-width:none;  }
.title h1	{ margin-top:0  }
.title h2	{ letter-spacing: 0.5px; margin-top: 15px; text-align: right; }

.pavel-light 		{ position:relative; width: 100%; margin-left:0; margin-top: calc(-10vw - 60px);}

.section0-info		{ max-width:none; }

.album { color:#FEF7E7; text-align:left;}
.album-link { text-align:center}
.album a 			{ margin-top:24px; }

.section-title { padding-top:30px; }

.contact,
.social		{ display:none; }

.about-text { margin-top:24px; }

.video			{ margin-top:0 }
.video-cont { background-color: #12110D; width:calc(100%); margin-left:-24px; padding:60px 24px 60px 24px }

.signature { width:125px; margin-top:15px }

.interview { width:75px; bottom:24px; }
.interview img { padding-top:10px;}

.about-photo img { width: calc(100% - 50px); margin-top: 60px; margin-left: -50px; }

.concert-left { width: 100%;}
.concert-right { width: 100%;}
.concert-slash  { padding:0 10px;}
.concert 		{  padding:17px 0 15px 0; }

.concerts-next	{ text-align:left; }
.concerts-next-button	{ margin-top:20px; margin-bottom:60px; margin-right:0;  }

.dragscroll-outer { margin-top: 80px; }

.gallery-scroll-button	{ display:none!important; }
.dragscroll-home .gallery-scroll .scroll-item { max-width:358px;}
.dragscroll-outer .scroll-item,
.dragscroll-outer .scroll-item img,
.filtr { height:527px; }

.footer-web { position:relative; float:right; margin-top:80px }
.footer-web	img			{ width:14px; }
.footer-web img.link-external	{ width:13px;}
.footer-web.font22 { font-size:17px }

.footer-contact,
.footer-social { text-align: center;     max-width: none; }

.footer-social-item		{ width:31px; margin:0 3px  }

.about-cookies-left  { width:100%; text-align:center; margin-top:20px }
.about-cookies      { position:relative; }


.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.font22 { font-size:16px; }
 
}


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

	.font36   	{ font-size:36px; }
}

/* Mobilní šířka */
@media screen and (max-width:767px) { 
	.menu.font22 { font-size:30px }
	
	.pavel-light 		{  margin-top: calc(-10vw - 30px);}

	.gallery-scroll-button	{ display:none!important; }
	.dragscroll-home .gallery-scroll .scroll-item { max-width:258px;}
	.dragscroll-outer .scroll-item,
	.dragscroll-outer .scroll-item img,
	.filtr { height:380px; }
	
}

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

	.font36   	{ font-size:24px; }
	

}


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

	
.font140   	{ font-size: calc(23vw - 11px); }

}





@media screen and (min-width:767px) {
.zoom .font17  	{ font-size: 13px;  }
.zoom .font20  	{ font-size: 15px;  }
.zoom .font22  	{ font-size: 15px;  }
.zoom .font32	{ font-size: 22px; }
.zoom .font36   { font-size: 23px;  }
.zoom .font100  { font-size: 65px;}
.zoom .font140  { font-size: 68px; }

.zoom nav         { padding-top:16px } 
.zoom .container  { width:calc(100% - 32px); max-width:900px;  }
.zoom .menu 		{ display:block }
.zoom .menu-item 	{ margin-left:33px;  }
.zoom .title		{ max-width: 410px; }
.zoom .section0-info{ max-width:410px;  }
.zoom .section0-info h1	{ margin-top:0  }
.zoom .section0-info h2	{ letter-spacing:3px; margin-top:10px  }
.zoom .video,
.zoom .contact 				{ margin-top:40px }
.zoom .video-play-center	{ width:45px; }
.zoom .social				{  margin-top:7px; margin-bottom:55px; }
.zoom .social-item		{ width:31px; margin:0 3px  }
.zoom .pavel-light 		{ display:block; width:350px; margin-right:-55px; }


.zoom .section-title		{ padding-top:45px}
.zoom .about-text 	{ margin-top:35px }
.zoom .signature 	{ width:220px; margin-top:20px }
.zoom .uline:before { height:1.5px; }  
        


.zoom .concerts 	{ max-width:700px; padding: 12px 0;}
.zoom .concert-left 	{ width:275px;  }
.zoom .concert-right	{ width:calc(100% - 275px) }
.zoom .interview 	{ bottom:40px;  width:126px; }
.zoom .concert 		{ padding:15px 0 13px 0; }
.zoom .concert-slash  { padding:0 13px;}
.zoom .concerts-next-button	{ margin-top:20px;  padding:7px 18px;}

.zoom .about-photo img { float:left; width:calc(100% - 200px); margin-top:50px}


.zoom .footer-web img			{ width:13px; margin-left:4px}
.zoom .footer-web img.link-external	{ width:12px; margin-top:1px}

.zoom .footer-contact			{ max-width:200px; }

.zoom .footer-social			{ max-width:220px; margin-top:4px; }
.zoom .footer-social-item		{ width:31px; margin:0 3px }

.zoom .gallery-scroll .scroll-item				{ max-width:350px;}
.zoom .gallery-scroll img,
.zoom .gallery-scroll-cont,
.zoom .filtr	{  height:500px; }

.zoom .custom-scrollbar-track 	{  height: 6px;}
.zoom .custom-scrollbar-thumb 	{  height: 6px; }

.zoom .gallery-scroll		{ padding-bottom:16px; }

.zoom .gallery-scroll-button	{ width:40px; height:40px; margin-top:-20px; background-size:19px 19px; }

.zoom .drag-box {  margin-top:7px; margin-left:28px;}

.zoom .pswp__button--arrow--prev, .zoom .pswp__button--arrow--next { width: 40px; height: 40px; background-size:19px 19px !important;}
.zoom .pswp__button--close { margin: 20px 15px 0 0; width: 28px; height: 28px; background-size: 28px 28px !important; }



@media screen and (min-width:1023px) {
  .zoom .font140  { font-size: 92px; }
  .zoom .pavel-light 		{ display:block; width:510px; margin-right:-80px; }
  .zoom .video,
  .zoom .contact 				{ margin-top:80px }
}