.card-list {
  list-style: none;
  margin: 0 -0.9rem;
  padding: 0; }
  @media (min-width: 37.5em) {
    .card-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }

.card-list__item {
  padding: 0.9rem; }
  @media (min-width: 37.5em) {
    .card-list--2col .card-list__item,
    .card-list--3col .card-list__item {
      width: 50%; } }
  @media (min-width: 75em) {
    .card-list--3col .card-list__item {
      width: 33.33333%; } }