.row {
  width: 100%;
  margin: 0 auto; 
  float: left;
}
.row:after,
.column:after {
  content: "";
  display: table;
  clear: both; 
}
.row .row {
  max-width: none;
  /*margin: 0 -1.125rem;*/
  padding: 0; 
}
.column {
  width: 100%;
  padding: 0 1.125rem;
  word-wrap: break-word; 
  float: left;
}

@media screen and (max-width: 767px) {
  .cols-100 .column .column {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 768px) {
  .cols-33-33-33 > .column,
  .cols-25-25-25-25 > .column {
    width: 50.0%; 
  }
  .cols-33-33-33 > .column.orphan {
    margin: 0 auto;
    float: none;
  }
  .cols-50-50 > .column {
    width: 50.0%; 
  } 
  .cols-66-33 > .column:first-child,
  .cols-33-66 > .column:last-child {
    width: 66.66666666%; 
  }
  .cols-66-33 > .column:last-child,
  .cols-33-66 > .column:first-child {
    width: 33.33333333%; 
  }

}

@media screen and (min-width: 960px) {
  .cols-100 > .column {
    width: 100%;
    max-width: 1140px;
    float: none;
    margin: 0 auto; 
  }
  .cols-33-33-33 > .column {
    width: 33.33333333%; 
  }
  .cols-33-33-33 > .column.orphan {
    margin: 0;
    float: left;
  }
  .cols-25-25-25-25 > .column {
    width: 25%;
  }
}