.showcase {
  min-height: 40vh;
  background-image: url("/assets/stock/pexels-photo-2825225.jpeg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-pattern {
  background-color: #4d6575;
  background-image: url("/assets/bg/bonds-bg-dark-sm.jpg");
  background-size: auto;
  background-repeat: repeat;
  min-height: 100vh;
}

.wrapper {
  padding: 0 20%;
  padding-bottom: 30px;
}

.menu {
  background-color: #cead64;
  color: white;
  border-radius: 20px;
  padding: 20px;
}

.menu h3,
.menu p {
  margin: 0;
}

.menu-item, .menu-item-lunch {
  margin-bottom: 15px;
}

.menu-items {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 15px;
}

.menu-page-title {
  padding-top: 30px;
  padding-bottom: 15px;
  color: white;
}

.menu-page-title h1,
.menu-page-title h2 {
  font-size: 1.8em;
}

.menu hr {
  /* border-color: #4d6575; */
  margin-top: 10px;
}

hr.hr-small {
  width: 50%;
  max-width: 450px;
}

hr.hr-white {
  /* border-color: white; */
}

.menu-img {
  min-height: 40vh;
  border-radius: 20px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}


@media (max-width: 768px) {
  .wrapper {
    padding: 0 10%;
    padding-bottom: 30px;
  }
}

@media (max-width: 576px) {
  .wrapper {
    padding: 0 20px;
    padding-bottom: 30px;
  }
}