.layout--mosaic {
  display: flex;
}

.layout--mosaic > .layout__region {
  margin: 0;
  padding: 0;
}

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

.layout--twocol-section--50-50 .layout__region,
.layout--threecol-section--50-25-25 .region-first,
.layout--threecol-section--25-25-50 .region-third {
  width: 50%;
}

.layout--twocol-section--30-70 .region-first,
.layout--twocol-section--70-30 .region-second {
  width: 30%;
}

.layout--twocol-section--30-70 .region-second,
.layout--twocol-section--70-30 .region-first{
  width: 70%;
}

.layout--threecol-section--33-34-33 .region-first,
.layout--threecol-section--33-34-33 .region-third {
  width: 33%;
}

.layout--threecol-section--33-34-33 .region-second {
  width: 34%;
}

.layout--threecol-section--50-25-25 .region-second,
.layout--threecol-section--50-25-25 .region-third,
.layout--threecol-section--25-25-50 .region-first,
.layout--threecol-section--25-25-50 .region-second,
.layout--fourcol-section .layout__region {
  width: 25%;
}

@media all and (max-width: 1023px) {
  .layout--mosaic {
    flex-direction: column;
  }
  .layout--mosaic > .layout__region {
    width: auto;
  }
}