/* Site overrides (loaded last).
   The site is layout-fluid, so Helix leaves the top bar / header / footer
   `.container` full width, while the SP Page Builder content is centered
   (.sppb-row-container). Give the top bar, header and footer containers the
   same centered, responsive max-widths as the content so they line up
   (centered box, like parkinson.lu) instead of spanning the full viewport. */
#sp-top-bar > .container,
#sp-header > .container,
#sp-section-2 > .container,
#sp-footer > .container {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 576px)  { #sp-top-bar > .container, #sp-header > .container, #sp-section-2 > .container, #sp-footer > .container { max-width: 540px; } }
@media (min-width: 768px)  { #sp-top-bar > .container, #sp-header > .container, #sp-section-2 > .container, #sp-footer > .container { max-width: 720px; } }
@media (min-width: 992px)  { #sp-top-bar > .container, #sp-header > .container, #sp-section-2 > .container, #sp-footer > .container { max-width: 960px; } }
@media (min-width: 1200px) { #sp-top-bar > .container, #sp-header > .container, #sp-section-2 > .container, #sp-footer > .container { max-width: 1140px; } }
@media (min-width: 1400px) { #sp-top-bar > .container, #sp-header > .container, #sp-section-2 > .container, #sp-footer > .container { max-width: 1320px; } }