/* Preserve the Bootstrap 4 front-end geometry while using Bootstrap 5. */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  color: #212529;
  --bs-link-color: #007bff;
  --bs-link-color-rgb: 0, 123, 255;
  --bs-link-hover-color: #0056b3;
  --bs-link-hover-color-rgb: 0, 86, 179;
}
.container, .container-fluid, .row { --bs-gutter-x: 30px; }
.row.g-0 { --bs-gutter-x: 0; }
/* These custom video tiles are flex items, rather than Bootstrap columns. */
.row > .about-mv { flex-shrink: 1; padding-left: 0; }
@media (min-width: 1400px) { .container { max-width: 1140px; } }
h1, .h1 { font-size: 2.5rem; }
h2, .h2 { font-size: 2rem; }
h3, .h3 { font-size: 1.75rem; }
h4, .h4 { font-size: 1.5rem; }
h5, .h5 { font-size: 1.25rem; }
h6, .h6 { font-size: 1rem; }
small, .small { font-size: 80%; }
hr { margin: 1rem 0; border-top: 1px solid rgba(0, 0, 0, .1); opacity: 1; }
.form-control { padding: .375rem .75rem; border-radius: .25rem; border-color: #ced4da; }