/* COLORS */
/* TYPOGRAPHY */
/* ---- MEDIA QUERIES ----- */
.business-areas .business-areas-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.7rem 3.8rem;
}
.business-areas .button-container {
  display: none;
}

@media (max-width: 1660px) {
  .business-areas .business-areas-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1280px) {
  .business-areas .business-areas-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1100px) {
  .business-areas .business-areas-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .business-areas .business-areas-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.3rem;
  }
}
@media (max-width: 720px) {
  .business-areas .business-areas-container {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 450px) {
  .business-areas .business-areas-container {
    grid-template-columns: 1fr;
    gap: 2.1rem;
  }
  .business-areas .business-areas-container.shown .business-area-item {
    display: flex;
  }
  .business-areas .button-container {
    display: flex;
    justify-content: center;
    margin: 2.3rem 0 0;
  }
  .business-areas .button-container .button {
    min-width: 25.7rem;
  }
  .business-areas .business-area-item {
    display: none;
  }
  .business-areas .business-area-item:nth-child(-n+3) {
    display: flex;
  }
}