body,
html,
#layerClick {
  left: 50%;
  top:50%;
  transform: translate(-50%, -50%);
  font-family: Helvetica;
  overflow: hidden;
  width: 1170px;
  height: 300px;
  margin: 0px;
  padding: 0px;
  background-color: transparent;
  position: absolute;
  }
#layerClick::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #000000;
}
header, section, footer, aside, nav, main, article, figure {
  display: block;
}
#mask {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: center;
  position: absolute;
  background-color:black;
  animation-timing-function: cubic-bezier(1, 0, 0, 1);
  animation: MaskInit 1s 1;
}
@keyframes MaskInit {
  0% {opacity: 0;}
  100% {pacity: 1;}
}
#layerBG {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width:100%;
  height:100%;
  overflow: hidden;
  background-color: black;
  z-index:0;
  position: absolute;
}
#KVMask {
  width: 24%;
  height: 24%;
  top:-15%;
  left:55%;
  transform:translate(-50%,-50%);
  position: absolute;
  overflow: visible;
  background-color: transparent;
}
#layerKV1, #layerKV2 {
  top:0%;
  left:0%;
  width:60%;
  heigh:auto;
  transform:translate(-100%,-100%);
  transform-origin: center;
  position: absolute;
  background-color: transparent;
  z-index: 10;
}
#layerKV2 {
  z-index: 9;
}
#layerHead1, #layerHead2, #layerHead3, #layerHead4, #layerLogo, #layerCTA {
  z-index: 200;
  overflow: hidden;
  height: auto;
  position: absolute;
  margin:2.5%;
}
#layerHead1, #layerHead2, #layerHead3, #layerHead4 {
  left: 0%;
  transform: translate(-50%,-50%);
  z-index: 50;
  width: 36%;
  height: auto;
  position: absolute;
  background-color: transparent;}
#layerHead1 {
  top: 1%;
}
#layerHead2 {
  top:33%;
  width:66%;
}
#layerHead3 {
  left:30%;
  top: 63%;
  width: 36%;
}
#layerHead4 {
  left:55%;
  top: 66%;
  width:12%;
}
#layerLogo {
  left: 0px;
  bottom: -1%;
  width: 15%;
}
#layerSticker {
  left: 185%;
  top: 200%;
  transform: translate(-50%,-50%);
  z-index: 300;
  width:40%;
  position: absolute;
  opacity: 1;
  background-color: transparent;
}
#layerCTAinit {
  left:0%;
  top:0%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 200;
  background-color: transparent;
}
#layerCTA { /* CTA */
  right: 0%;
  bottom: -1%;
  overflow: hidden;
  position: absolute;
  width: 7.5%;
  z-index: 200;
  margin: 2%;
}
#layerClick,
#clickArea,
#clickUrl {
  z-index: 400;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
  text-align: center;
  overflow:hidden;
  position: absolute;
  text-decoration: none;
  }
  /* •••••••••••••••• legal ••••••••••••••• */
    #panel {
      position: absolute;
      overflow: hidden;
      width: 100%;
      bottom: -608px;
      left: 0px;
      transition: bottom 0.2s ease-out 0.1s;
      z-index: 500;
      background-color: transparent;
    }
    #panel:hover {
      bottom: -520px;
      z-index: 500;
    }
    #panel #content {
      width: 100%;
      z-index: 500;
      text-decoration: none;
      font-size: 14px;
      text-align: left;
      color: #FFFFFF;
      width: 99%;
      height: 600px;
      padding: 5px;
      font-family:  "Helvetica Neue", Helvetica, Arial, Gotham,"sans-serif";
      background: rgba(0,0,0,.85);
      position: relative;
      z-index: 500;
    }

    #panel #title {
      font-size: 10px;
      top: 0px;
      left:93%;
      width:7%;
      height: 100%;
      background: rgba(50,50,50,.7);
      color: #FFFFFF;
      padding:0.2%;
      font-family: "Helvetica Neue", Helvetica, Arial, Gotham, "sans-serif";
      text-align: center;
      position: relative;
      z-index: 501;
    }
    /* @media all and (min-width: 960px) {
#panel #title {
    font-size: 16px;
  }
#panel #content {
    font-size: 20px;
  }
}

@media all and (max-width: 959px) and (min-width: 600px) {
#panel #title {
    font-size: 12px;
  }
#panel #content {
    font-size: 14px;
  }
}

@media all and (max-width: 599px) and (min-width: 50px) {
#panel #title {
    font-size: 10px;
  }
#panel #content {
    font-size: 12px;
  }
} */
  /* •••••••••••••••• legal koniec ••••••••••••••• */