h1, h2, h3, h4, h5, h6 {
  font-family: 'Oswald', sans-serif;
  color: var(--bs-primary);
}

html, p, small {
  font-family: 'Open Sans', sans-serif;
  color: var(--bs-secondary);
}

small {
  font-size: 0.7rem;
  font-style: italic;
}

#Lunch {
  position: absolute;
  background-image: url("Lunch.png");
  background-repeat: no-repeat;
  background-position: 100px;
  background-size: cover;
  height: initial;
  min-height: 600px;
  width: 105%;
  z-index: 1;
  display: none;
}

@media (min-width: 768px) {
  #Lunch {
    display: initial;
  }
}

#Lunch-1 {
  background-image: url("Lunch.png");
  background-position: 0%;
  background-size: 0%;
  background-repeat: no-repeat;
}

@media (min-width: 768px) {
  #Lunch-1 {
    background-position: 130% 50%;
    background-size: 55%;
  }
}

@media (min-width: 992px) {
  #Lunch-1 {
    background-position: 115%;
  }
}

@media (min-width: 1200px) {
  #Lunch-1 {
    background-size: 50%;
    background-position: 100% 50%;
  }
}