/*********************
BREAKPOINTS
*********************/
.two-col, .three-col {
  -webkit-column-gap: 3.4rem;
  -moz-column-gap: 3.4rem;
  column-gap: 3.4rem;
}
.two-col ul li, .three-col ul li {
  margin-bottom: 0.6rem;
}

.two-col {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-width: 200px;
  -moz-column-width: 200px;
  column-width: 200px;
}

.three-col {
  column-count: 2;
  -webkit-column-width: 100px;
  -moz-column-width: 100px;
  column-width: 100px;
}
@media (min-width: 600px) {
  .three-col {
    -webkit-columns: 200px 3;
    -moz-columns: 200px 3;
    columns: 200px 3;
  }
}