* {
  font-size: 0;
  margin: 0;
  box-sizing: border-box;
}

.container {
  width: 100%;
  position: relative;
}

.background {
  width: 100%;
  position: relative;
  z-index: 1;
}

.background-img {
  width: 100%;
}

.click-1 {
  position: absolute;
  top: 10%;
  left: 9%;
  width: 7%;
  z-index: 2;
  display: none;
}

.click-1-1 {
  position: absolute;
  top: 9.75%;
  left: 9%;
  width: 7.3%;
  z-index: 2;
}

.click-2 {
  position: absolute;
  top: 68.5%;
  left: 9.5%;
  width: 23%;
  z-index: 2;
}

.click-2-1 {
  position: absolute;
  top: 59.3%;
  left: 8.7%;
  width: 24.5%;
  display: none;
  z-index: 2;
}

.click-3 {
  position: absolute;
  top: 78.8%;
  left: 32.5%;
  width: 7.3%;
  z-index: 2;
  display: none;
}

.click-3-1 {
  position: absolute;
  top: 79.2%;
  left: 33.5%;
  width: 5.8%;
  z-index: 2;
}

.click-4 {
  position: absolute;
  top: 75.8%;
  left: 40%;
  width: 7.3%;
  z-index: 2;
  display: none;
}

.click-4-1 {
  position: absolute;
  top: 76.7%;
  left: 40.7%;
  width: 6%;
  z-index: 2;
}

.click-5 {
  position: absolute;
  top: 68%;
  left: 46.7%;
  width: 5.5%;
  z-index: 2;
  display: none;
}

.click-5-1 {
  position: absolute;
  top: 72.1%;
  left: 46.9%;
  width: 3%;
  z-index: 2;
}

.click-6 {
  position: absolute;
  top: 79.5%;
  left: 50.5%;
  width: 9%;
  z-index: 4;
  display: none;
}

.click-6-1 {
  position: absolute;
  top: 80.95%;
  left: 50.7%;
  width: 5.85%;
  z-index: 4;
}

.click-7 {
  position: absolute;
  top: 66.9%;
  left: 58%;
  width: 6%;
  z-index: 3;
}

.click-7-1 {
  position: absolute;
  top: 63.2%;
  left: 57.3%;
  width: 7.5%;
  display: none;
  z-index: 3;
}

.click-8 {
  position: absolute;
  top: 75%;
  left: 58.6%;
  width: 9%;
  z-index: 4;
  display: none;
}

.click-8-1 {
  position: absolute;
  top: 79.9%;
  left: 62.3%;
  width: 4.1%;
  z-index: 4;
}

.click-9 {
  position: absolute;
  top: 61.2%;
  left: 64.8%;
  width: 7.5%;
  z-index: 2;
  display: none;
}

.click-9-1 {
  position: absolute;
  top: 63.1%;
  left: 66.57%;
  width: 3.7%;
  z-index: 2;
}

.click-10 {
  position: absolute;
  top: 70%;
  left: 70%;
  width: 4.7%;
  z-index: 3;
  display: none;
}

.click-10-1 {
  position: absolute;
  top: 77.1%;
  left: 71%;
  width: 2.95%;
  z-index: 3;
}

.click-11 {
  position: absolute;
  top: 28%;
  left: 31.5%;
  width: 7%;
  z-index: 2;
}

.click-11-1 {
  position: absolute;
  top: 26%;
  left: 30.5%;
  width: 9%;
  display: none;
  z-index: 2;
}

.click-12 {
  position: absolute;
  top: 40%;
  left: 33%;
  width: 10%;
  z-index: 3;
  display: none;
}

.click-12-1 {
  position: absolute;
  top: 41%;
  left: 33%;
  width: 8.5%;
  z-index: 3;
}

.click-13 {
  position: absolute;
  top: 42%;
  left: 59%;
  width: 9%;
  z-index: 3;
  display: none;
}

.click-13-1 {
  position: absolute;
  top: 42.8%;
  left: 59.2%;
  width: 8.8%;
  z-index: 3;
}

.click-14 {
  position: absolute;
  top: 52.5%;
  left: 54%;
  width: 7%;
  z-index: 2;
}

.click-14-1 {
  position: absolute;
  top: 50%;
  left: 52.45%;
  width: 10.2%;
  z-index: 2;
  display: none;
}

.header {
  position: absolute;
  top: 12%;
  left: 50%;
  width: 24%;
  z-index: 2;
  transform:translate(-50%, 0);
  animation: fadein 2s linear 1;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.pop {
  width: 55%;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  z-index: 5;
}

.pop-bg {
  width: 100%;
}

.pop-text {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  padding: 6vw;
}

.pop-text > h1 {
  font-size: 2.5vw;
  color: #895b75;
  margin-bottom: 2vw;
}

.pop-text > p {
  font-size: 1vw;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}

.line {
  width: 5%;
  border: 1px solid black;
  margin-left: 50%;
  margin-top: 1.5%;
  margin-bottom: 1.5%;
  transform: translate(-50%, 0);
}

.s-buttons {
  width: 2vw;
  margin: 0.5vw;
  vertical-align: middle;
}

.close {
  width: 5%;
  position: absolute;
  top: 12%;
  left: 87%;
  cursor: pointer;
}

.close > img {
  width: 100%;
}

.mobile-container {
  display: none;
  position: relative;
}

@media screen and (max-width: 479px) {
  
  .container {
    display: none;
  }

  .mobile-container {
    display: block;
  }

  .click-2m {
    width: 40%;
    left: 0;
    top: 58.3%;
    display: block;
    position: absolute;
    z-index: 2;
  }

  .click-3m {
    width: 15%;
    left: 85%;
    top: 66%;
    display: block;
    position: absolute;
    z-index: 2;
  }

  .click-4m {
    width: 13%;
    left: 30.5%;
    top: 66%;
    display: block;
    position: absolute;
    z-index: 2;
  }

  .click-5m {
    width: 10%;
    top: 61%;
    left: 43%;
    display: block;
    position: absolute;
    z-index: 2;
  }

  .click-6m {
    width: 15%;
    top: 68.5%;
    left: 46%;
    z-index: 4;
    display: block;
    position: absolute;
    z-index: 4;
  }

  .click-7m {
    width: 12%;
    top: 60.3%;
    left: 56%;
    display: block;
    position: absolute;
    z-index: 3;
  }

  .click-8m {
    width: 17%;
    top:65.4%;
    left: 59%;
    display: block;
    position: absolute;
    z-index: 4;
  }

  .click-9m {
    width: 15%;
    top:57.2%;
    left: 70%;
    display: block;
    position: absolute;
    z-index: 2;
  }

  .click-10m {
    width: 9%;
    top:62.5%;
    left: 81%;
    display: block;
    position: absolute;
    z-index: 3;
  }

  .click-11m {
    width: 17%;
    top:37%;
    left: 17%;
    display: block;
    position: absolute;
    z-index: 2;
  }

  .click-12m {
    width: 19%;
    top:45%;
    left: 23%;
    display: block;
    position: absolute;
    z-index: 3;
  }

  .click-13m {
    width: 17%;
    top:45%;
    left: 62%;
    display: block;
    position: absolute;
    z-index: 3;
  }

  .click-14m {
    width: 19%;
    top:51%;
    left: 51%;
    display: block;
    position: absolute;
    z-index: 2;
  }

  .pop {
    width: 74%;
    top: 45%;
  }

  .pop-text {
    padding-top: 20%;
  }

  .pop-text > h1 {
    font-size: 6vw;
  }

  .pop-text > p {
    font-size: 2.3vw;
  }

  .close {
    left: 80%;
    width: 10%;
  }

  .sm {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0%;
    z-index: 5;
  }

  .sm > p {
    font-size: 3vw;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
    color: white;
  }

  .s-buttons {
    width: 6%;
    margin: 3%;
  }

  .header {
    width: 65%;
    top: 8%;
  }

}