/*
 * @file
 * Provides the layout styles for layout_threecol_33_34_33.
 */

.layout--threecol-33-34-33 > .layout--container {
  display: grid;
  width: 100%;
  box-sizing: border-box;
  gap: 3.2rem;

  grid-template-columns: 1fr;

  @media screen and (min-width: 991px) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  @media screen and (min-width: 1440px) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}