.layout--threecol .grid-row .col {
  width: 33.33333%;
}

.layout--threecol--25-50-25 .grid-row .layout__region--first,
.layout--threecol--25-50-25 .grid-row .layout__region--third {
  width: 25%;
}

.layout--threecol--25-50-25 .grid-row .layout__region--second {
  width: 50%;
}

.layout--threecol--25-25-50 .grid-row .layout__region--first,
.layout--threecol--25-25-50 .grid-row .layout__region--second {
  width: 25%;
}

.layout--threecol--25-25-50 .grid-row .layout__region--third {
  width: 50%;
}

.layout--threecol--50-25-25 .grid-row .layout__region--second,
.layout--threecol--50-25-25 .grid-row .layout__region--third {
  width: 25%;
}

.layout--threecol--50-25-25 .grid-row .layout__region--first {
  width: 50%;
}

/* Multi-row border options */
.layout--threecol .grid-row.column-borders-top-row .col:nth-child(n+4) > .block:first-child,
.layout--threecol .grid-row.column-borders-bottom-row .col:nth-child(-n+3) > .block:first-child {
  border-top: none;
  padding-top: 0;
}

@media screen and (max-width: 960px) {
  .layout--threecol--25-50-25 .grid-row .layout__region--first,
  .layout--threecol--25-50-25 .grid-row .layout__region--third,
  .layout--threecol--25-50-25 .grid-row .layout__region--second {
    width: 100%
  }

  .layout--threecol--50-25-25 .grid-row .layout__region--first {
    width: 100%;
  }

  .layout--threecol--50-25-25 .grid-row .layout__region--second,
  .layout--threecol--50-25-25 .grid-row .layout__region--third {
    width: 50%;
  }

  .layout--threecol--25-25-50 .grid-row .layout__region--first,
  .layout--threecol--25-25-50 .grid-row .layout__region--second {
    width: 50%;
  }

  .layout--threecol--25-25-50 .grid-row .layout__region--third {
    width: 100%;
  }
}

@media screen and (max-width: 640px) {
  .layout--threecol .grid-row .col,
  .layout--threecol--25-50-25 .grid-row .layout__region--first,
  .layout--threecol--25-50-25 .grid-row .layout__region--third,
  .layout--threecol--25-50-25 .grid-row .layout__region--second,
  .layout--threecol--50-25-25 .grid-row .layout__region--first,
  .layout--threecol--50-25-25 .grid-row .layout__region--second,
  .layout--threecol--50-25-25 .grid-row .layout__region--third,
  .layout--threecol--25-25-50 .grid-row .layout__region--first,
  .layout--threecol--25-25-50 .grid-row .layout__region--second,
  .layout--threecol--25-25-50 .grid-row .layout__region--third {
    width: 100%
  }
}