@media screen and (min-width:2000px) { 
	.HattonUltralight110	{ font-size:110px; line-height:112px;  }

}





@media screen and (max-width:1023px) { 
	.GzaSuper80 {  font-size:40px; line-height:40px; }

	.uvod-kontakt	{ width:calc(50% - 100px); margin:0 70px 0 30px; }

}



/* Mobilní šířka */
@media screen and (max-width:767px) { 

		
  .uvod-kontakt,
  .kolekce-kontakt,
  .index-kontakt	{ width:calc(100% - 100px); }
  .uvod-kontakt.DMSans18,
  .kolekce-kontakt.DMSans18,
  .index-kontakt.DMSans18 { font-size:12px; line-height:18px }
  

  .menu			{ position:absolute; top:0; width:calc(100% - 60px); margin:calc(50vh - 30px) 30px 0 30px;  }
  .menu-kolekce	{ position:relative;  }
  .polozka-obal { display:none; }

  
  
  
  .HattonUltralight110	{  font-size:calc(14vw - 8px); line-height:calc(14vw - 8px);   }
  
  
  .sipka			{ position:absolute; top:-60px; left:5px; cursor:pointer; }
    
  .kolekce-hlavni a	{ width:100%; }

  
  .kolekce-text-hlavni	{ display:none; }
  .kolekce-text-hide	{ display:block; }
  
  .kolekce-pozadi-barva{ display:block; }

  .kolekce-left 	{ width:100%; margin-top:40px!important }
  .kolekce-right	{ width:100%; margin-top:40px!important  }
  figure.kolekce-left img,
  figure.kolekce-right img	{ width:100%;}

  .kolekce-pozadi { width:100%; height:auto!important; min-height:auto!important }
  
  .kolekce-text	{ width:100%; margin-bottom:50px }
  
  .kolekce-popis { width:100%; max-width:none; margin:0; margin-top:30px }
  .kolekce-info	{ margin-bottom:50px }
  
  figure.kolekce-left,
  figure.kolekce-right,
  figure.kolekce-big   { width:100%; }
  
  figure.kolekce-big   { width:100%; margin-bottom:0; padding-top:30px}
  
  figure.kolekce-hlavni   {  margin-bottom:50px; }
  
  
  .zoom-out	{ top:24px; left:calc(100vw - 48px); width:24px; height:24px;  }
  
  .puntik,
  .pun { left:calc(100vw - 55px); }

  .index-foto-prostor	{ overflow-x:scroll; }
  .index-text		{ width:calc(100% - 20px); margin:50px 10px 150px 10px  }

  .mobile-uvod { display:none; }
  

  
 
  
  .pswp__button--arrow--left { top:auto; bottom:30px;  margin-top:0 }
  .pswp__button--arrow--right {  top:auto; bottom:30px; margin-top:1px }
  
  .pswp__caption 	{ bottom:auto; top:0; width:calc(100% - 80px)  }
  .pswp__caption__center	 { margin-top:12px; margin-left:20px; text-align:left; }
  
 

}

@media screen and (max-width:479px) {
  .GzaSuper80 { font-size:30px; line-height:30px; }
  .GzaSuper32 { font-size:24px; line-height:28px;}
}




/* ZOOM */
  
  .mobile .GzaSuper80 { font-size:40px; line-height:38px; }
  .mobile .GzaSuper32 { font-size:24px; line-height:28px;}
  .mobile .DMSans32	  { font-size:22px; line-height:26px;}
  .mobile .DMSans18,
  .mobile .DMSans16	{ font-size:12px; line-height:16px }
  .mobile .logo		{ width:80px; margin-top:20px;  }


  .mobile .puntik { position:absolute; top:30px; left:calc(100vw - 57px); background-color:transparent; width: 20px; height: 20px; cursor:pointer; }
  .mobile .pun { position:absolute; top:30px; left:calc(100vw - 57px); width: 20px; height: 20px; }
  .mobile .kolekce-popis	{ margin:0;  }

  
  .mobile .all-small-caps { font-size:16px; line-height:18px; }
  .mobile .sipka			{ left:-65px; }
  .mobile .sipka img		{ height:30px;}
  .mobile .sipka-blok	{ margin-top:-5px;}
  
  .mobile .pswp__button--close { font-size:10px; margin-top:5px; margin-right:5px; }
  




@media screen and (max-width:1023px) { 
  .mobile .GzaSuper80 { font-size:40px; line-height:38px; }
  .mobile .menu-cislo	{ line-height:22px; }
  
    .mobile .kolekce-popis	{ margin:0; margin-bottom:60vh }
 
}



@media screen and (max-width:767px) { 
  .mobile .GzaSuper80 { font-size:30px; line-height:30px; }

  
  .mobile .DMSans18,
  .mobile .DMSans16	{ font-size:14px; line-height:22px }
  .mobile .logo		{ width:100px; }
   
  .mobile .sipka			{ left:-7px; top:-45px;}
  
  .mobile .kolekce-popis	{ margin:0;}
  
}