body {
  font-family: jaf-domus-titling-web, sans-serif;
  background-color: black;
  overflow-x: hidden;
  height: auto !important;
}

h1 {
  font-size: 4em;
  line-height: 1.2em;
  font-weight: 100;
  font-style: normal;
  color: whitesmoke;
}

h2 {
  font-size: 3em;
  line-height: 1.2em;
  font-weight: 100;
  font-style: normal;
  color: whitesmoke;
}

h3 {
  font-size: 2em;
  font-weight: 100;
  font-style: normal;
  color: whitesmoke;
}

p {
  font-size: 2em;
  line-height: 1em;
  font-weight: 100;
  font-style: normal;
  text-align: center;
  color: whitesmoke;
}

.banner {
  display: block;
  position: relative;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: black;
}

.film {
  display: block;
  position: relative;
  width: 100vw;
  /* height: auto; */
  background: black;
}

.frames {
  display: block;
  position: sticky;
  top: 0;
  width: 100vw;
  background: black;
}

.stills-gallery {
  position: absolute;
  top: 0;
}

.gallery {
  display: block;
  position: relative;
  /* top: 550vh; */
  width: 100vw;
  height: max-content;
  background: rgb(0, 0, 0);
}

.about {
  background: #5f3e75;
  text-align: center;
}

.video-ban {
  display: block;
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  padding: 2px 0 2px 0;
}

.stills {
  position: absolute;
}

#stills1 {
  z-index: 1000;
}

#stills2 {
  z-index: 900;
}

#stills3 {
  z-index: 800;
}

#stills4 {
  z-index: 700;
}

#stills5 {
  z-index: 600;
}

#stills6 {
  z-index: 500;
}

#stills7 {
  z-index: 400;
}

#stills8 {
  z-index: 300;
}

#stills9 {
  z-index: 200;
}

#stills10 {
  z-index: 100;
}

.about-text {
  color: whitesmoke;
  text-align: left;
  font-family: neusa-next-std, sans-serif;
  font-weight: 200;
  font-size: 0.9rem;
  line-height: 1.5;
}

.fix {
  height: 565vh;
  background: url("") no-repeat bottom;
  display: block;
}

@media screen and (max-width: 768px) {
  .video-gallery {
    height: auto;
  }

  .gallery-text {
    top: 24vh;
    width: 100%;
    height: 6.5vh;
    padding-left: 0vh;
    padding-right: 2vh;
    text-align: center;
    font-size: 0.3em;
  }

  .video-gal {
    width: 100vw;
    height: auto;
  }

  .frames {
    display: none;
  }

  .video-ban {
    display: none;
  }

  .video-mobile {
    display: block;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
  }

  .logo-text {
    font-size: 1.5em;
    width: 160px;
    height: 33px;
    text-shadow: 0 0 5px #fff, 0 0 10px #f0f, 0 0 15px #fff, 0 0 20px;
  }

  .about-text {
    position: relative;
    display: flex;
    margin: auto;
    padding-right: 0vw;
    color: whitesmoke;
    width: 67%;
    /* max-width: 50vw; */
    text-align: left;
    align-items: stretch;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    flex-direction: column;
    font-family: neusa-next-std, sans-serif;
    font-weight: 200;
    font-style: normal;
  }
}