/*
2 col overrides
-------------------------------------------------------------------------------
*/
body .layout--twocol-section,
body .layout--threecol-section,
body .layout--fourcol-section {
    display: block;
    flex-wrap: initial;
}
body .layout--twocol-section > .layout-inner,
body .layout--threecol-section > .layout-inner,
body .layout--fourcol-section > .layout-inner {
    display: flex;
    flex-wrap: wrap;
 }
  
.layout--twocol-section>.layout-inner>.layout__region {
flex: 0 1 100%;
}

@media screen and (min-width: 40em) {

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

.layout--twocol-section.layout--twocol-section--33-67>.layout-inner>.layout__region--first,
.layout--twocol-section.layout--twocol-section--67-33>.layout-inner>.layout__region--second {
    flex: 0 1 33%;
}

.layout--twocol-section.layout--twocol-section--33-67>.layout-inner>.layout__region--second,
.layout--twocol-section.layout--twocol-section--67-33>.layout-inner>.layout__region--first {
    flex: 0 1 67%;
}

.layout--twocol-section.layout--twocol-section--25-75>.layout-inner>.layout__region--first,
.layout--twocol-section.layout--twocol-section--75-25>.layout-inner>.layout__region--second {
    flex: 0 1 25%;
}

.layout--twocol-section.layout--twocol-section--25-75>.layout-inner>.layout__region--second,
.layout--twocol-section.layout--twocol-section--75-25>.layout-inner>.layout__region--first {
    flex: 0 1 75%;
}
}

/*
3 col overrides
-------------------------------------------------------------------------------
*/
  
.layout--threecol-section>.layout-inner>.layout__region {
flex: 0 1 100%;
}

@media screen and (min-width: 40em) {

    .layout--threecol-section--25-50-25>.layout-inner>.layout__region--first,
    .layout--threecol-section--25-50-25>.layout-inner>.layout__region--third,
    .layout--threecol-section--25-25-50>.layout-inner>.layout__region--first,
    .layout--threecol-section--25-25-50>.layout-inner>.layout__region--second,
    .layout--threecol-section--50-25-25>.layout-inner>.layout__region--second,
    .layout--threecol-section--50-25-25>.layout-inner>.layout__region--third {
        flex: 0 1 25%;
    }

    .layout--threecol-section--25-50-25>.layout-inner>.layout__region--second,
    .layout--threecol-section--25-25-50>.layout-inner>.layout__region--third,
    .layout--threecol-section--50-25-25>.layout-inner>.layout__region--first {
        flex: 0 1 50%;
    }

    .layout--threecol-section--33-34-33>.layout-inner>.layout__region--first,
    .layout--threecol-section--33-34-33>.layout-inner>.layout__region--second,
    .layout--threecol-section--33-34-33>.layout-inner>.layout__region--third {
        flex: 0 1 33%;
    }
}

/*
4 col overrides
-------------------------------------------------------------------------------
*/

.layout--fourcol-section>.layout-inner>.layout__region {
    flex: 0 1 100%;
  }
  
  @media screen and (min-width: 40em) {
    .layout--fourcol-section>.layout-inner>.layout__region {
      flex: 0 1 25%;
    }
  }