:root {
  --text-color: #444;
  --accent-color: #decc8f;
  --body-bg: #ede7de;
}

p a {
  background-color: #deb18f50;
}

.section--title {
  flex-direction: column;
  box-shadow: 0 2px 15px #00000040;
  .section--bgImage {
    width: 100%;
    height: auto;
  }
}

.title-container {
  margin: 80px auto -10vh;
  z-index: 1;
  width: 80%;
  max-width: 1300px;
  mix-blend-mode: multiply;
  @media (orientation: landscape) {
    margin-top: calc(5vh + 60px);
    margin-bottom: -40vh;
  }
}

.title-text {
  width: 100%;
  height: auto;
}