/* xs */
/* @media (min-width: 475px) {} */
/* sm */
/* @media (min-width: 640px) {} */
/* md */
/* @media (min-width: 768px) {} */
/* lg */
/* @media (min-width: 1024px) {} */
/* xl */
/* @media (min-width: 1280px) {} */
/* 2xl */
/* @media (min-width: 1536px) {} */
.section__container {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

.section {
  margin-top: 3rem;
}

/* xs */
@media (min-width: 475px) {
  .section__container {
    max-width: 475px;
  }
}
/* sm */
@media (min-width: 576px) {
  .section__container {
    max-width: 576px;
  }
}
@media (min-width: 640px) {
  .section__container {
    max-width: 640px;
  }
}
/* md */
@media (min-width: 768px) {
  .section__container {
    max-width: 768px;
  }
}
/* lg */
@media (min-width: 992px) {
  .section__container {
    max-width: 992px;
  }
  .section {
    margin-top: 5rem;
  }
}
/* xl */
@media (min-width: 1200px) {
  .section__container {
    max-width: 1140px;
  }
}
/* 2xl */
@media (min-width: 1400px) {
  .section__container {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .project__hero h1 {
    font-size: 4vw;
    margin-left: 20vw;
  }
  .project__hero h3 {
    font-size: 2vw;
    margin-left: 20vw;
  }
}