.columns {
  display: flex;
  flex-wrap: wrap;
}

.columns > .layout-builder__region {
  flex: 0 1 100%;
}

.two-columns > .column {
  flex: 0 1 48%;
}

.main-sidebar > .layout-builder__region {
  flex: 0 1 75%;
}

.main-sidebar > .sidebar {
  flex: 0 1 25%;
}

.main-sidebar .two-nested-columns {
  display: flex;
  flex-wrap: wrap;
}
.main-sidebar .two-nested-columns .inner-column {
  flex: 0 1 50%;
}

.two-columns > .column {
  flex: 0 1 48%;
  display: flex;
}

.multiple-nested-columns {
  display: flex;
}
.main-sidebar .grid-two-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.grid-touts {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.grid-touts > div {
  flex: 1 1 30%;
}
.multiple-nested-columns > .inner-column-tout {
  flex: 1 1 auto;
}
.three-columns > .contentmain {
  flex: 1 1 33.33%;
}

.four-columns > .contentmain {
  flex: 1 1 22%;
}

.one-column > .layout-builder__region {
  flex: 0 1 100%;
}
.main-sidebar {
  display: grid;
  grid-template-columns: repeat(16,6.25%);
  }
.main-sidebar .layout__hero {
  grid-column: 1 / 12;
}
.main-sidebar .layout__page-nav {
    grid-row: 1;
    grid-column: 12 / 17;
}
.main-sidebar .layout__main {
  grid-column: 1 / 12;
}
.main-sidebar .layout__sidebar {
    grid-column: 12 / 17;
    grid-row: 2 / 5;
}