/* základ */
*{box-sizing:border-box;margin:0;padding:0}
html,body,#app{height:100%}
body{
  font-family: "Figtree", sans-serif;
  color:#fff;
  background-color:#000;
  overflow:hidden;
}

a{
    color:#fff;
    text-decoration:none;
}
a:hover{
    color:#fff;
    text-decoration:underline;
}
/* pozadí */
#bg{position:fixed;inset:0;z-index:-2;display:block}
.bg-layer{
  position:absolute;
  inset:0;
  background-position:center center;
  background-size:cover;
  opacity:0;
  transition:opacity 1s ease-in-out;
  will-change:opacity,transform;
  filter:brightness(.6) saturate(.9);
}

/* první vrstva viditelná */
.bg-layer.visible{opacity:1}

/* obsah */
.top{position:fixed;top:18px;left:0;right:0;text-align:center;z-index:10}
.company{
  font-weight:400;
  /*letter-spacing:1px;*/
  text-transform:uppercase;
  font-size:18px;
  color:rgba(255,255,255,0.95);
}

/* logo */
.logo-wrap{
  position:fixed;
  left:50%;
  transform:translateX(-50%);
  z-index:9;
}
.brzy{
  margin-top: 44%;
    margin-left: 35%;
    position: absolute;
    opacity: .35;
    text-align: center;
    font-size: 14px;
}

.logo{
  width:60vmin; max-width:420px; opacity:.8;
  pointer-events:none;
}

/* kontakty */
.content{
  position:fixed;
  left:5px;
  right:0;
  bottom:3px;
  display:flex;
  gap:18px;
  /*padding:0 18px;*/
  justify-content:center;
  align-items:flex-end;
  z-index:11;
  flex-wrap:wrap;
}
.contact{
  
  padding: 8px 16px;
  font-size:14px;
  /*line-height:1.35;*/
  text-align:center;
  min-width:160px;
}

.contact-3 div{  
  float:left;
} 
.contact-3 div:first-child{  
  text-align:right;
  margin-right:20px;
} 

.contact-3 img{  
    height: 51px;
    display: block;
}




/* mobile layout: stacked vertically above sebe (on small screens) */
@media (max-width:900px){
  .logo{width:60vmin; max-width:360px}
  .content{
    flex-direction:column;
    align-items:center;
    gap:3px;
    
  }

}

/* desktop layout: contacts left-to-right near bottom */
@media (min-width:901px){
    .company{font-size:24px}
    /*.logo{width:40vmin; max-width:520px}*/
    .logo{width:60vmin; max-width:600px}
    .content{
      flex-direction:row;
      align-items:flex-end;
      
      /*right:auto;   */
      bottom:10px;
      /*justify-content:flex-start;  */
    }
    .contact, .brzy{  
        font-size:16px;
    }  
    .logo-wrap{
        top:50%;
        left:50%;
    transform: translate(-50%, -50%);
    }
    
    .brzy{
      margin-top: 49%;
      margin-left: 54%; 
    }
    .contact-3 img{  
        height: 57px;
    }    
    
}

/* names (desktop only) */
.names-container{
  position:fixed; inset:0; z-index:8; pointer-events:none;
}
.name{
  position:absolute;
  font-size:16px;
  white-space:nowrap;
  /*font-weight:400;  */
  /*text-shadow:0 1px 2px rgba(0,0,0,.6); */
  opacity:.95;
  will-change: transform;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  transform: translateZ(0);  
  
}
/*
@media (min-width:901px){
  .name{font-size:16px;}
}  */
/* hide names on mobile */
@media (max-width:900px){
  .names-container{display:none}
}

/* loading state */
#app.loading .bg-layer{transition:none; opacity:0}

/* noscript */
.nojs{position:fixed;left:0;right:0;bottom:0;padding:8px 12px;background:#111;color:#fff;text-align:center;z-index:20}


/* Skrýt název firmy v mobilním landscape */
@media (max-width:900px) and (orientation: landscape) {
  .company { display: none; }
  .content{
    margin-top: 10px;
  }
}