body {
  background-color: #FEFBEA;
}

main {
  background-image: url("../images/flowers-1.webp");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  margin-top: 57px;
}

main > .wrapper {
  margin-top: 15vw;
}

.site-nav {
  background-color: #FEFBEA;
  border-color: #8c8c8c;
  border-radius: 3px;
}

.site-header {
  border-top: none;
  border-bottom: 1px solid #8c8c8c;
  z-index: 1;
}

@media screen and (max-width: 1200px) {
  main > .wrapper {
    max-width: 600px;
  }
}

@media screen and (max-width: 800px) {
  main {
    background-image: url("../images/flowers-2.webp");
  }

  main > .wrapper {
    margin-top: 45vw;
  }
}