.SlideContainer {
  height: calc(100 * var(--vh));
  width: 100%;
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: black;
}

.SlideContainer img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.Section h1.Title {
 /* width: 20em;
  max-width: 90vw;*/
}

#hero {
  transition: opacity 1s;
}
.ScrollDownIcon {
  transition: opacity 1s;
}
/* h1 span {
  position: absolute;
  top: 0;
  left: 0;
}
h1 span:first-child {
  position: relative;
  opacity: 1;
} */

body {
  ---parallax-image-height: 72vh;
}
.Section .ParallaxCrop img.FullWidth {
  /* height: var(---parallax-image-height); */
}
.Hero > div:first-child {
  height: calc(100 * var(--vh));
  max-height: calc(100 * var(--vh));
  min-height: calc(100 * var(--vh));

  max-height: -webkit-fill-available;
  min-height: -webkit-fill-available;
  height: -webkit-fill-available;
}

.Section.Hero {
  max-height: -webkit-fill-available;
  height: -webkit-fill-available;
}

.ParallaxCrop {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ParallaxCrop a {
  width: 100vw;
}

/* 550px */
@media only screen and (max-width: 34.375em) {
  .SlideContainer {
    height: 70%;
  }
  .Section .SlideContainer img.FullWidth {
    height: 100%;
  }
}