/* Preserve Bootstrap 3 container widths and grid gutters while using Bootstrap 5 */

/* Grid gutter: Bootstrap 3 used 30px total (15px per side) */
.row {
  --bs-gutter-x: 30px;
}

/* Remove default underline from links to match existing theme */
a {
  text-decoration: none;
}

/* Container widths: match Bootstrap 3 breakpoints */
@media (min-width: 576px) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1170px;
  }
}