/*
 * @file
 * Provides the layout styles for saint_gobain_threecol.
 * @todo Fix this file
 */

.layout-builder__layout.layout--threecol {
  display: flex;
  flex-wrap: wrap;
}

.layout-builder__layout.layout--threecol > .layout__region {
  flex: 0 1 100%;
}

@media screen and (min-width: 40em) {
  .layout-builder__layout.layout--threecol > .layout__region--left,
  .layout-builder__layout.layout--threecol > .layout__region--middle {
    flex: 0 1 33%;
  }
  .layout-builder__layout.layout--threecol > .layout__region--right {
    flex: 0 1 34%;
  }
}