.row,
.col {
  box-sizing: border-box;
}


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


.col.double {
  flex: 2;
}


@media (min-width: 481px) {
  .row {
    flex-wrap: nowrap;
    flex-direction: row;
    flex-shrink: 1;
  }


.col {
    flex: 1;
    padding-right: .75em;
    margin-right: .75em;
  }
  .col:last-of-type {
    padding-right: ;
    margin-right: ;
  }


.row.bordered .col {
    border-right: 1px solid black;
  }
  .row.bordered .col:last-of-type {
    border-right: 0px transparent;
  }
}