:root {
  --content-max: 1500px !important;
  --header-max: 1750px !important;
  --footer-max: 1350px !important;
}
.wrap {
  box-sizing: border-box;
  width: min(var(--content-max), calc(100% - (var(--gutter, 24px) * 2))) !important;
  max-width: var(--content-max) !important;
  margin-inline: auto;
}
.site-header .wrap,
.fdnl-site-header .header-inner {
  box-sizing: border-box;
  width: min(var(--header-max), calc(100% - (var(--gutter, 24px) * 2))) !important;
  max-width: var(--header-max) !important;
  margin-inline: auto;
}
.site-footer .wrap {
  box-sizing: border-box;
  width: min(var(--footer-max), calc(100% - (var(--gutter, 24px) * 2))) !important;
  max-width: var(--footer-max) !important;
  margin-inline: auto;
}

.site-header,
.site-footer,
#contenu,
.article-page,
.hero,
.welcome-ribbon,
.shortlist-section,
.page-intro,
.article-page > header:not(.wrap),
.fdnl-hero,
.fdnl-section-muted {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin-inline: 0;
}


.article-page > header.article-head.wrap {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0;
  padding-inline: max(var(--gutter, 24px), calc((100% - 800px) / 2));
}

.fdnl-body .fdnl-breadcrumbs,
.fdnl-body .fdnl-section:not(.fdnl-section-muted),
.fdnl-body .fdnl-hero > div,
.fdnl-body .fdnl-global-warning {
  box-sizing: border-box;
  width: min(var(--content-max), calc(100% - (var(--gutter, 24px) * 2))) !important;
  max-width: var(--content-max) !important;
  margin-inline: auto;
}

.fdnl-body .fdnl-section-muted {
  width: 100% !important;
  max-width: none !important;
  padding-inline: max(var(--gutter, 24px), calc((100% - var(--content-max)) / 2));
}