html,
body {
  margin: 0;
  padding: 0;
}

#landing-page .bg {
  width: 100%;
}

#landing-page .desktop-only,
#landing-page .mobile-only {
  display: none;
}

#landing-page .bg-container,
#landing-page section {
  width: 100%;
  overflow: hidden;
}

#landing-page img {
  margin: 0;
  padding: 0;
}

#landing-page .obj-container {
  position: absolute;
  top: 0;
}

#landing-page .link {
  display: block;
  content: " ";
  position: absolute;
}

@media screen and (min-width: 720px) {
  #landing-page .bg_1 {
    height: 6100px;
    overflow: hidden;
  }
  #landing-page .bg_3 {
    margin-top: -2px;
    width: 100%;
  }
  #landing-page .link {
    height: 15%;
  }
  #landing-page .link1 {
    top: 32%;
    left: 60%;
    width: 18.4%;
  }
  #landing-page .link2 {
    top: 40%;
    left: 60%;
    width: 18.4%;
  }
  #landing-page .desktop-only {
    display: block;
  }
  #landing-page .color-bg-list {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
    overflow: hidden;
    z-index: -10;
  }
  #landing-page .color-bg-list > li {
    width: 100%;
  }
  #landing-page .color-bg-list > li:first-of-type {
    height: 926.4px;
    background: #006eb7;
  }
  #landing-page .color-bg-list > li:nth-of-type(2) {
    height: 475px;
    background: white;
  }
  #landing-page .color-bg-list > li:nth-of-type(3) {
    height: 743px;
    background: #fccf00;
  }
  #landing-page .color-bg-list > li:nth-of-type(4) {
    height: 1022px;
    background: #4d1c85;
  }
  #landing-page .color-bg-list > li:nth-of-type(5) {
    height: 1734px;
    background: #45bbc7;
  }
  #landing-page .color-bg-list > li:nth-of-type(6) {
    height: 1400px;
    background: #223184;
  }
  #landing-page .menu-bg-list {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    z-index: 9;
  }
  #landing-page .menu-bg-list > li {
    position: relative;
    background-image: url(../img/bg_2.jpg);
    background-size: cover;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position-x: -1px;
    width: 100%;
    z-index: 8;
  }
  #landing-page .menu-bg-list > li.menu {
    cursor: pointer;
  }
  #landing-page .menu-bg-list > li:first-of-type {
    height: 270px;
    background-position-y: 0;
  }
  #landing-page .menu-bg-list > li:nth-of-type(2) {
    height: 140px;
    background-position-y: -270px;
  }
  #landing-page .menu-bg-list > li:nth-of-type(3) {
    height: 407px;
    background-position-y: -410px;
  }
  #landing-page .menu-bg-list > li:nth-of-type(4) {
    height: 134px;
    background-position-y: -819px;
  }
  #landing-page .menu-bg-list > li:nth-of-type(5) {
    height: 1079px;
    background-position-y: -953px;
  }
  #landing-page .menu-bg-list > li:nth-of-type(6) {
    height: 139px;
    background-position-y: -2032px;
  }
  #landing-page .menu-bg-list > li:nth-of-type(7) {
    height: 868px;
    background-position-y: -2172px;
  }
  #landing-page .menu-bg-list > li:nth-of-type(8) {
    height: 138px;
    background-position-y: -3040px;
  }
  #landing-page .menu-bg-list > li:nth-of-type(9) {
    height: 800px;
    background-position-y: -3178px;
  }
  #landing-page .menu-bg-list > li:nth-of-type(10) {
    height: 323px;
    background-position-y: -3978px;
  }
  #landing-page .menu-bg-list > li:nth-of-type(11) {
    height: 640px;
    background-position-y: -4301px;
  }
  #landing-page .menu-bg-list > li:nth-of-type(12) {
    height: 200px;
    background-position-y: -4940px;
  }
  #landing-page .bg-container,
  #landing-page section {
    width: 1920px;
    margin-left: 50%;
    -webkit-transform: translate(-50%);
            transform: translate(-50%);
    z-index: 0;
  }
  #landing-page .video-container {
    margin-left: -5px;
    position: absolute;
    background-color: red;
    top: 2496px;
    left: 50%;
    width: 664px;
    height: 373px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #landing-page .o1 {
    margin-top: 143px;
  }
  #landing-page .o2 {
    margin-top: 475px;
    margin-left: 50%;
  }
  #landing-page .o3 {
    margin-top: 2435px;
    margin-left: 1055px;
  }
  #landing-page .o4 {
    margin-top: 580px;
    margin-left: 604px;
    width: 725px;
  }
  #landing-page .o5 {
    margin-top: 120px;
    margin-left: 604px;
    width: 725px;
  }
}

@media screen and (max-width: 719px) {
  #landing-page .bg_3 {
    width: 150%;
    margin-left: 40%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #landing-page .link1 {
    top: 32%;
    left: 55%;
    width: 28%;
    height: 12%;
  }
  #landing-page .link2 {
    top: 40%;
    left: 55%;
    width: 28%;
    height: 15%;
  }
  #landing-page .mobile-only {
    display: block;
  }
  #landing-page .color-bg-list {
    display: none;
  }
  #landing-page .menu-bg-list {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    z-index: 9;
    background-color: #645d5f;
    padding-bottom: 14.28vw;
  }
  #landing-page .menu-bg-list > li {
    background-repeat: no-repeat;
    width: 100%;
    z-index: 8;
  }
  #landing-page .menu-bg-list > li img {
    width: 100%;
  }
  #landing-page .menu-bg-list > li.content {
    display: none;
  }
  #landing-page .video-container {
    position: absolute;
    margin-left: -0.3vw;
    background-color: black;
    top: 265.5vw;
    left: 50%;
    width: 75.6vw;
    height: 42.6vw;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #landing-page .o1 {
    display: block;
    margin-top: 6vw;
    width: 100%;
  }
  #landing-page .o2 {
    margin-top: 53vw;
    margin-left: 48vw;
    width: 42.28%;
  }
  #landing-page .o3 {
    margin-top: 277vw;
    margin-left: 55vw;
    width: 40%;
  }
  #landing-page .o4 {
    width: 85.42%;
    margin-top: 53vw;
    margin-left: 7.9vw;
  }
  #landing-page .o5 {
    width: 84.71%;
    margin-top: 11.2vw;
    margin-left: 8vw;
  }
}
/*# sourceMappingURL=index.css.map */