.healthy-eating {
  padding-top: 70px;
  text-align: center;
}

.healthy-eating h1 {
  font-size: 3rem;
  color: var(--logoBlue);
  margin-bottom: 20px;
}

.healthy-eating .text-wrapper {
  width: 80%;
  margin: 0 auto 30px auto;
}

.btns-wrapper {
  display: flex;
  margin: 40px auto;
  justify-content: center;
  gap: 20px;
}

.menu-btn {
  background-color: var(--logoRed);
}
.menu-btn:hover {
  background-color: var(--feetGreen);
}

.gallery {
  margin-bottom: 30px;
}

.swiper {
  width: 80%;
  margin: 0 auto;
}

.swiper-slide {
  aspect-ratio: 1/1 !important;
}

.food1 {
  background-image: url(media/nutrition/menu-item-1.png);
  background-size: cover;
}
.food2 {
  background-image: url(media/nutrition/menu-item-2.png);
  background-size: cover;
}
.food3 {
  background-image: url(media/nutrition/menu-item-3.png);
  background-size: cover;
}
.food4 {
  background-image: url(media/nutrition/menu-item-4.png);
  background-size: cover;
}
:root {
  --swiper-navigation-size: 40px;
}
.swiper-btn {
  color: var(--logoRed);
  font-size: 5px !important;
  font-weight: 1000;
}
.swiper-btn:hover {
  color: var(--feetGreen);
}

@media (max-width: 800px) {
  .btns-wrapper {
    flex-direction: column;
    gap: 0px;
  }

  .btn a {
    font-size: 1rem;
    width: 200px;
  }
}