/**
 * @file
 * Stylesheet 2 column layout sections.
 */

@media screen and (min-width: 40em) {
  .layout--two-column.layout--two-column--50-50 .layout__region--first,
  .layout--two-column.layout--two-column--50-50 .layout__region--second {
    flex: 0 1 50%;
  }

  .layout--two-column.layout--two-column--67-33 .layout__region--first,
  .layout--two-column.layout--two-column--33-67 .layout__region--second {
    flex: 0 1 67%;
  }

  .layout--two-column.layout--two-column--33-67 .layout__region--first,
  .layout--two-column.layout--two-column--67-33 .layout__region--second {
    flex: 0 1 33%;
  }

  .layout--two-column.layout--two-column--75-25 .layout__region--first,
  .layout--two-column.layout--two-column--25-75 .layout__region--second {
    flex: 0 1 75%;
  }

  .layout--two-column.layout--two-column--25-75 .layout__region--first,
  .layout--two-column.layout--two-column--75-25 .layout__region--second {
    flex: 0 1 25%;
  }
}