*,
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 20px;
  line-height: 120%;
  font-weight: 500;
}

body {
  background: #000000;
}

footer {
  background: #e0e0e0;
}

a {
  color: #065f46;
}

a:hover {
  color: #001aff;
}

figcaption {
  font-size: 1rem;
}

.hero__overlay-content {
  padding: 20vh 5% 10vh 5%;
  height:100vh;
}

.hero__overlay-content p {
  text-align: right;
  font-size: 2rem;
  line-height: 115%;
}
.hero__overlay-content h2 {
  font-size: 10vh;
  font-weight: 400;
  max-width: 50%;
  margin-bottom:10vh;
}


@media (orientation: portrait) {
  *,
  body {
    font-size: 16px;
  }

  figcaption {
    opacity: 1;
  }

  .hero__overlay-content {
    padding-top: 8vh;
  }

  .hero__overlay-content h2 {
    font-size: 3.0rem;
    max-width: 75%;
  }
}