* {
  margin: 0;
  padding: 0;
  border: 0;
}

html {
  font-size: 62.5%;
  font-family: Playfair Display, Serif;
  color: black;
}

body { background-color: gold; }

h1, h2 { text-align: center; }

h1 {
  margin-top: 8vh;
  padding: 0 20px;
  font-size: 7.2rem;
  font-weight: 700;
  line-height: 7rem;
}

h2 {
  margin-top: 10vh;
  font-family: Oswald, Sans-serif;
  font-size: 5.5rem;
  font-weight: 400;
  text-transform: uppercase;
  color: white;
}

.bg-large {
  z-index: -1;
  position: fixed;
  left: 50%;
  top: 0;
  min-width: 100vw;
  height: 100vh;
  overflow: hidden;
  text-align: center;
  font-size: 36rem;
  line-height: 22rem;
  opacity: .1;
  transform: translateX(-50%);
}

@media (min-width: 400px) {
  h1 {
    font-size: 8.4rem;
    line-height: 8rem;
  }
}
@media (min-height: 708px) {
  h1 {
    font-size: 9.2rem;
    line-height: 9rem;
  }
  .bg-large {
    font-size: 52rem;
    line-height: 31rem;
  }
}