body {
  margin: 0;
  font-family: gruppo;
  overflow-y: scroll;
  overflow-x: hidden;
}

html {
  min-height: 100%;
  scroll-padding-top: 35rem;
  scroll-behavior: smooth;
}

@media only screen and (max-width: 600px) {
  html,
  body {
     width: 100% ;
     overflow-x: hidden;
     scroll-padding-top: 10rem;
  }
}

.video_bg { position: sticky; z-index: -100; width: 100%; }

@media only screen and (max-width: 600px) {
  .video_bg {
    width: 250%;
    transform: translateX(-74vmin);
    overflow-x: hidden;
  }
}

.video_bg2 { position: sticky; z-index: -100; width: 100%;}

@media only screen and (max-width: 600px) {
  .video_bg2 {
    width: 300%;
    transform: translateX(-94vmin);
    overflow-x: hidden;
  }
}

.video_bg3 { position: sticky; z-index: -100; width: 100%;}

@media only screen and (max-width: 600px) {
  .video_bg3 {
    width: 140%;
    transform: translateX(-18vmin);
    margin-top: 12vmin;
    overflow-x: hidden;
  }
}

.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #ffffff;
}

.loader img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20%;
  margin-bottom: 20%;
  width: 15%;
}

@media only screen and (max-width: 600px) {
  .loader img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 75%;
    margin-bottom: 75%;
    width: 50%;
  }
}

.navMenu {
  text-align: center;
  max-width: 100%;
  width: 100%; 
}

.header {
  position: sticky;
  top: 0;
  background-color: #ffffff;
  padding: 1em;
  z-index: 1;
}

.navMenu a {
  color: #000000;
  text-decoration: none;
  font-size: 4vmin;
  text-transform: lowercase;
  font-weight: 580;
  display: inline-block;
  width: 26vmin;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 600px) {
  .navMenu a {
    font-size: 12vmin;
    width: 50vmin;
    margin-bottom: 5vmin;
  }
}

.navMenu a:hover {
  color: #10fae6;
}

.mint {
  font: bold, italic;
}

::-webkit-scrollbar {
  width: 1vmin;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgb(255, 255, 255);
  border-radius: 8vmin;
}

::-webkit-scrollbar-thumb {
  background: rgb(190, 218, 238);
  border-radius: 12vmin;
}

.one {
  text-align: center;
  align-items: center;
  margin-top: 25vmin;
  margin-bottom: 25vmin;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 13vmin;
  line-height: 0vmin;
  letter-spacing: -2vmin;
  font-weight: 500;
  -webkit-text-stroke-width: .07vmin;
  -webkit-text-stroke-color: #181611;
  -webkit-text-fill-color: #ffffff;
  transform: translateY(10vmin);
}

@media only screen and (max-width: 600px) {
  .one {
    font-family: 'Libre Baskerville';
    font-size: 9vmin;
    margin-top: 25vmin;
    padding-left: 1%;
    padding-right: 1%;
    -webkit-text-stroke-width: .14vmin;}
}

.two {
  text-align: center;
  padding-left: 12vmin;
  padding-right: 12vmin;
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 28vmin;
  font-size: 2.5vmin;
  font-family: 'Libre Baskerville';
  font-weight: 400;
  word-spacing: 2vmin;
}

@media only screen and (max-width: 600px) {
  .two {
    padding-left: 2vmin;
    padding-right: 2vmin;
    margin-left: 2vmin;
    margin-right: 2vmin;
    font-size: 3.5vmin;}
}

.two2 {
  text-align: center;
  padding-left: 12vmin;
  padding-right: 12vmin;
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 0vmin;
  font-size: 10vmin;
  font-family: 'Libre Baskerville';
  font-weight: 400;
  letter-spacing: 2vmin;
}

@media only screen and (max-width: 600px) {
  .two2 {
  text-align: center;
  padding-left: 10vmin;
  padding-right: 10vmin;
  margin-left: 0%;
  margin-right: 0%;
  margin-bottom: 0vmin;
  font-size: 7vmin;
  font-family: 'Libre Baskerville';
  font-weight: 400;
  letter-spacing: 2vmin;}
}

.three {
  float: left;
  text-align: left;
  margin-top: -40vmin;
  margin-bottom: 6vmin;
  padding-left: 25%;
  padding-right: 25%;
  font-size: 2.5vmin;
  line-height: 3.5vmin;
  word-spacing: 1.5vmin;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  transform: translateY(0vmin);
}

@media only screen and (max-width: 600px) {
  .three {
    padding-left: 15%;
  padding-right: 15%;
    margin-left: 0vmin;
    margin-right: 0vmin;
    margin-bottom: 15vmin;
    font-size: 3.5vmin;}
}

.three2 {
  float: left;
  text-align: left;
  margin-top: 0vmin;
  margin-bottom: 0vmin;
  padding-left: 30%;
  padding-right: 30%;
  font-size: 2vmin;
  line-height: 4vmin;
  word-spacing: 1.5vmin;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  transform: translateY(0vmin);
}

@media only screen and (max-width: 600px) {
  .three2 {
  float: left;
  text-align: left;
  margin-top: 0vmin;
  margin-bottom: 0vmin;
  padding-left: 15%;
  padding-right: 15%;
  font-size: 3.2vmin;
  line-height: 4vmin;
  word-spacing: 1.5vmin;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  transform: translateY(0vmin);}
}

.holo {
  position: relative;
  width: 60%;
  overflow-x: hidden;
  margin-top: 8vmin;
  margin-bottom: 15vmin;
  padding-left: 31%;
}

@media only screen and (max-width: 600px) {
  .holo {
    overflow-x: hidden;
    width: 130vmin;
    padding-left: 15%;
    margin-top: 10vmin;
    margin-bottom: 10vmin;
  }
}

.four {
  text-align: center;
  align-items: center;
  margin-top: -54vmin;
  margin-bottom: 25vmin;
  font-size: 1.8vmin;
  font-family: 'Mitr', sans-serif;
  font-weight: 500;
  transform: translateY(0vmin);
}

@media only screen and (max-width: 600px) {
  .four {
    font-size: 3.5vmin;
  }
}

.five {
  text-align: center;
  margin-top: 22vmin;
  margin-bottom: 8vmin;
  padding-left: 25%;
  padding-right: 25%;
  margin-left: 3vmin;
  margin-right: 3vmin;
  font-size: 4vmin;
}

@media only screen and (max-width: 600px) {
  .five {
    font-size: 5vmin;
    padding-left: 10%;
   padding-right: 10%;
  }
}

.promo {
  margin-left: 25%;
  margin-right: 25%;
  margin-top: 10vmin;
  width: 50%;
}

@media only screen and (max-width: 600px) {
  .promo {
   margin-left: 5%;
   margin-right: 5%;
   margin-top: 15vmin;
   width: 90%;
   height: 90%;
  }
}

li {
  display: inline-block;
}

li a, .dropbtn {
  display: inline-block;
  color: white;
  text-align:	center;
  text-decoration: none;
  width: 50vmin;
}

li a:hover, .dropdown:hover .dropbtn {
  background-color:	rgb(255, 255, 255);
  color: #10fae6;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: rgb(255, 255, 255);
  width: 26vmin;
  z-index: 1;
}

@media only screen and (max-width: 600px) {
  .dropdown-content {
    width: 50vmin;
  }
}

.dropdown-content a {
  color: black;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  width: 26vmin;
  z-index: 1;
}

.dropdown-content a:hover {
  background-color:	rgb(255, 255, 255);
}

.dropdown:hover .dropdown-content {
  display: block;
}