.background-image {
  background-repeat: no-repeat;
  background-position: center;
}

.quote-block {
  padding: 75px 20px;
}
.quote {
  font-size: 38px;
  width: 40%;
  margin: auto;
}

.menu {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.menu-item {
  padding: 90px 20px 60px 20px;
  text-align: center;
}
.menu-title {
  font-size: 55px;
  text-align: center;
  color: #114133;
  padding-bottom: 15px;
}
.menu-line {
  max-width: 100px;
}

.menu-text {
  width: 40%;
  margin: auto;
  text-align: justify;
  font-size: 18px;
  margin-bottom: 30px;
}

.phone-block {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.phone-content {
  text-align: center;
  color: #fff;
}
.reservation-text {
  font-size: 50px;
  color: #ffffff;
  font-weight: 400;
  text-align: center;
}

.reservation-text:last-child {
  margin-top: 25px;
}

#map {
  height: 400px;
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.gallery {
  background-color: #114133;
  text-align: center;
}

.gallery-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
}

.gallery-block img {
  width: 50%;
}

.gallery button {
  margin: 28px 0;
}
.intagram-qoute {
  text-align: center;
  padding: 75px 20px;
}
.intagram-qoute .quote {
  width: 60%;
}

.intagram-qoute button {
  margin-top: 25px;
}

.instagram-icon {
  margin-left: 10px;
}

/* BACKGROUND-IMAGES */

.showcase {
  background-image: url("/assets/showcase.png");
  background-size: cover;
  height: 92vh;
  position: relative;
}

.showcase-overlay {
  height: 92vh;
  width: 100%;
  position: absolute;
  background-color: #114133;
  opacity: 0.5;
}
.showcase-content {
  display: grid;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

.menu1 {
  background-image: url("/assets/photos/matin/compressed/matin-home.jpg");
  background-size: cover;
  min-height: 400px;
}

.menu2 {
  background-image: url("/assets/photos/journee/compressed/journee-home.jpg");
  background-size: cover;
  min-height: 400px;
}

.menu3 {
  background-image: url("/assets/photos/vins/compressed/vins-home.jpg");
  background-size: cover;
  min-height: 400px;
}

.phone {
  background-image: url("/assets/photos/reservation/compressed/DSC_7416_crop.jpg");
  /* background-position: top; */
  background-size: cover;
  min-height: 734px;
}
/* gallery */
.gallery1 {
  background-image: url("/assets/photos/gallery/home/compressed/1.jpg");
  background-position: center;
  background-size: cover;
  height: 60vh;
  min-height: 500px;
}

.gallery2 {
  background-image: url("/assets/photos/gallery/home/compressed/2.jpg");
  background-position: bottom;
  background-size: cover;
  height: 60vh;
  min-height: 500px;
}

.gallery3 {
  background-image: url("/assets/photos/gallery/home/compressed/3.jpg");
  background-position: center;
  background-size: cover;
  height: 60vh;
  min-height: 500px;
}

.gallery4 {
  background-image: url("/assets/photos/gallery/home/compressed/4.jpg");
  background-position: center;
  background-size: cover;
  height: 60vh;
  min-height: 500px;
}

.gallery5 {
  background-image: url("/assets/photos/gallery/home/compressed/5.jpg");
  background-position: center;
  background-size: cover;
  height: 60vh;
  min-height: 500px;
}
.gallery6 {
  background-image: url("/assets/photos/gallery/home/compressed/6.jpg");
  background-position: bottom;
  background-size: cover;
  height: 60vh;
  min-height: 500px;
}

@media (max-width: 1100px) {
  .menu-text {
    width: 80%;
  }
}

@media (max-width: 600px) {
  .quote {
    width: 100%;
  }
  .menu {
    display: grid;
    grid-template-columns: 1fr;
  }
  .menu-item {
    padding: 40px 20px 60px 20px;
  }
  .menu-text {
    width: 100%;
  }
  .reservation-text {
    font-size: 35px;
  }
  .jornee-swap {
    grid-area: 4;
  }
  .intagram-qoute .quote {
    width: 90%;
  }
}

@media (max-width: 450px) {
  .quote {
    font-size: 28px;
  }
  .intagram-qoute .quote {
    width: 100%;
  }
}