.section {
  padding: 40px 0;
}

@media (min-width: 768px) {
  .section {
    padding: 50px 0;
  }
}

@media (min-width: 992px) {
  .section {
    padding: 70px 0;
  }

  .narrow-section {
    max-width: 90%;
    margin: 0 auto;
  }
}

@media (min-width: 1200px) {
  .container,
  .row {
    --bs-gutter-x: 30px;
  }

  .narrow-section {
    max-width: 86%;
  }
}

@media (min-width: 1400px) {
  .section {
    padding: 100px 0;
  }
}