@media screen and (min-width: 40em) {
  .layout--twocol-section.layout--twocol-section--40-60 > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--60-40 > .layout__region--second {
    flex: 0 1 40%;
  }

  .layout--twocol-section.layout--twocol-section--40-60 > .layout__region--second,
  .layout--twocol-section.layout--twocol-section--60-40 > .layout__region--first {
    flex: 0 1 60%;
  }

  .layout--twocol-section.layout--twocol-section--45-55 > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--55-45 > .layout__region--second {
    flex: 0 1 45%;
  }

  .layout--twocol-section.layout--twocol-section--45-55 > .layout__region--second,
  .layout--twocol-section.layout--twocol-section--55-45 > .layout__region--first {
    flex: 0 1 55%;
  }
}