/* Custom CSS for styling the three images in the header of the homepage. 
   This code is placed in the CSS injector to simplify future updates 
   without modifying the theme directly. */

@media (max-width: 48rem) {
    .section-purple-bg-cutoff.layout--fivecol-20-20-20-20-20 .layout__region--first,
    .section-purple-bg-cutoff.layout--fivecol-20-20-20-20-20 .layout__region--fifth {
        display: none;
    }
    .section-purple-bg-cutoff.layout--fivecol-20-20-20-20-20 .layout-inner-container {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      column-gap: 1rem;
  }
}