body {
  background-image: url(/images/background-silhouette.webp?bff3604534d33846e68025aa9446bd58);
}

#content {
  margin: 7vh 0 0 0;
}

#landing {
  color: #f0eee9;
  font-family: "Hatton-Light";
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  #landing {
    font-size: 1.5rem;
  }
}

#contact .container {
  background: linear-gradient(180deg, rgba(246, 233, 227, 0.32) 0% 75%, #fcfcfc 75% 100%);
}
@media (min-width: 768px) {
  #contact .container {
    background: linear-gradient(270deg, rgba(246, 233, 227, 0.32) 0% 75%, #fcfcfc 75% 100%);
  }
}
#contact .d-grid {
  grid-template-rows: repeat(7, 1fr);
  grid-template-columns: repeat(8, 1fr);
}
#contact .d-grid .img-fluid:nth-child(1) {
  grid-row: 1/6;
  grid-column: 1/8;
}
#contact .d-grid .img-fluid:nth-child(2) {
  grid-row: 4/8;
  grid-column: 4/9;
}
#contact form {
  margin-top: 1.5rem;
}