/*
 * Bootstrap 4.6 rules that stored page content still uses after bootstrap.min.css was dropped: the privacy policy
 * (post 5890) wraps each section in <div class="row mb-4"><div class="col">. Enqueued only for content that uses them.
 * Scoped to the content wrapper (.page-text in index.php and page-contacts.php), so the old footer's .row stays
 * untouched. Every stored row holds a single .col, so the gutter (row -15px margins, col 15px padding) is left out:
 * it cancels out visually and its negative margins overflow a container without padding.
 */

.page-text .row {
  display: flex;
  flex-wrap: wrap;
}

.page-text .col {
  flex: 1 0 0%;
  min-width: 0;
  max-width: 100%;
}

.page-text .mb-4 {
  margin-bottom: 1.5rem !important;
}