* {
  font-family: LTSoul;
  box-sizing: border-box;
  background: #ece7db;
}

.bg {
  background: #ece7db;
}

.logo {
  width: 25vh;
}

.nav-bar-link {
  font-family: LTSoul-Bold;
  font-weight: 900;
}

.nav {
  margin-bottom: 20vh;
}

.mobile-nav-button {
  display: none;
}

.modal {
  padding: 1em;
  max-width: 50ch;
  & > * {
    margin: 0 0 0.5rem 0;
  }
}

.dropdown-bg {
  background-color: #ece7db !important;
}

.dropdown-bg a:hover {
  background-color: #ece7db !important;
}

.about-us-card div,
a,
p,
.about-us-card {
  background-color: #f7f5f2;
}

.about-us-card h1 {
  background-color: #f7f5f2;
}

.slider-cards {
  height: 35vh;
}

.slider-cards,
.slider-cards h4 {
  background-color: #f7f5f2;
}

.text-break {
  font-size: 20px;
}

.image-ana {
  background-image: url("../images/ana.webp");
  height: 70vh;
  width: 65%;
  background-position: center;
  background-repeat: none;
  background-size: cover;
  border-radius: 50%;
}

.footer div,
.footer a,
.footer p,
.footer img,
.footer ion-icon,
.footer {
  background-color: #f7f5f2;
  color: #231f20;
}

.icons a {
  color: #231f20;
}

@media screen and (max-width: 1680px) {
  .slider-cards {
    height: 50vh;
  }
}

@media screen and (max-width: 600px) {
  .mobile-footer {
    display: none;
  }

  .mobile-nav-button {
    display: block;
  }

  .mobile-footer-icons {
    justify-content: center;
  }

  .image-ana {
    height: 40vh;
  }

  .text-consultation {
    font-size: 16px !important;
  }

  .mini {
    display: none;
  }

  .slider-cards {
    height: 70vh;
  }

  .button-mobile {
    justify-content: center !important;
  }
}