@media screen and (min-width: 992px) {
  /* containers that were wider: .container is max 1582px in the base stylesheet,
     and the .shariaah ones are 100% wide */
  .home-redesign .section__hero > .container,
  .home-redesign .section_main.logos > .container,
  .home-redesign .section_main.how > .container.shariaah,
  .home-redesign .section.bg_img > .container.shariaah.who,
  .home-redesign .section_main.evaluation > .container,
  .home-redesign .section_main.calculator > .container,
  .home-redesign .has_insights_carousel,
  .home-redesign .section.cta > .container.shariaah,
  .home-redesign .section_footer > .container {
    box-sizing: border-box;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }

  /* these had their own 40px .shariaah gutter: use the 60px of .container so their
     content lines up with the other sections */
  .home-redesign .section_main.how > .container.shariaah,
  .home-redesign .section.bg_img > .container.shariaah.who,
  .home-redesign .section.cta > .container.shariaah {
    padding-left: 60px;
    padding-right: 60px;
  }

  /* the "who we fund" and CTA sections add 40px of their own side padding around the
     container; drop it so the container (not the section) sets the gutter */
  .home-redesign .section.bg_img,
  .home-redesign .section.cta {
    padding-left: 0;
    padding-right: 0;
  }
}