.layout--onecol-section .layout__region {
  width: 100%;
}

.layout--twocol-section {
    display: flex;
    flex-wrap: wrap;
}
.layout--twocol-section > .layout__region {
	flex: 0 1 100%;
}

.layout--threecol-section {
 	display: flex;
	flex-wrap: wrap;
}
.layout--threecol-section > .layout__region {
	flex: 0 1 100%;
}

.layout--fourcol-section {
    display: flex;
    flex-wrap: wrap;
}
.layout--fourcol-section > .layout__region {
    flex: 0 1 100%;
}

.layout--fivecol-section {
    display: flex;
    flex-wrap: wrap;
}
.layout--fivecol-section > .layout__region {
    flex: 0 1 100%;
}

.layout--sixcol-section {
    display: flex;
    flex-wrap: wrap;
}
.layout--sixcol-section > .layout__region {
    flex: 0 1 100%;
}

@media screen and (min-width: 40em){
    .layout--onecol-section > .layout__region {
        flex: 0 1 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    .layout--twocol-section > .layout__region {
    	flex: 0 1 50%;
    	max-width: 50%;
    	box-sizing: border-box;
    }
    .layout--threecol-section > .layout__region {
    	flex: 0 1 33.333%;
    	max-width: 33.333%;
    	box-sizing: border-box;
    }
    .layout--fourcol-section > .layout__region {
    	flex: 0 1 25%;
    	max-width: 25%;
    	box-sizing: border-box;
    }
    .layout--fivecol-section > .layout__region {
        flex: 0 1 20%;
        max-width: 20%;
        box-sizing: border-box;
    }
    .layout--sixcol-section > .layout__region {
        flex: 0 1 16.66%;
        max-width: 16.66%;
        box-sizing: border-box;
    }
}


@media screen and (min-width: 40em) {
  .layout--threecol-section--25-50-25 > .layout__region--first,
  .layout--threecol-section--25-50-25 > .layout__region--third,
  .layout--threecol-section--25-25-50 > .layout__region--first,
  .layout--threecol-section--25-25-50 > .layout__region--second,
  .layout--threecol-section--50-25-25 > .layout__region--second,
  .layout--threecol-section--50-25-25 > .layout__region--third {
    flex: 0 1 25%;
  }
  .layout--threecol-section--25-50-25 > .layout__region--second,
  .layout--threecol-section--25-25-50 > .layout__region--third,
  .layout--threecol-section--50-25-25 > .layout__region--first {
    flex: 0 1 50%;
  }
  .layout--threecol-section--33-34-33 > .layout__region--first,
  .layout--threecol-section--33-34-33 > .layout__region--third {
    flex: 0 1 33%;
  }
  .layout--threecol-section--33-34-33 > .layout__region--second {
    flex: 0 1 34%;
  }
}