.hidden-sm {
  display: none;
}
.row {
  position: relative;
  width: 100%;
}
.row [class^="col"] {
  float: left;
  margin: 0.5rem 2%;
  min-height: 0.125rem;
}
.row::after {
  content: "";
  display: table;
  clear: both;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  width: 100%;
}
.col-1-sm {
  width: 8.3333333333%;
}
.col-2-sm {
  width: 16.6666666667%;
}
.col-3-sm {
  width: 25%;
}
.col-4-sm {
  width: 33.3333333333%;
}
.col-5-sm {
  width: 41.6666666667%;
}
.col-6-sm {
  width: 50%;
}
.col-7-sm {
  width: 58.3333333333%;
}
.col-8-sm {
  width: 66.6666666667%;
}
.col-9-sm {
  width: 75%;
}
.col-10-sm {
  width: 83.3333333333%;
}
.col-11-sm {
  width: 91.6666666667%;
}
.col-12-sm {
  width: 100%;
}
@media only screen and (min-width: 45em) {
  .col-1 {
    width: 8.3333333333%;
 }
  .col-2 {
    width: 16.6666666667%;
 }
  .col-3 {
    width: 25%;
 }
  .col-4 {
    width: 33.3333333333%;
 }
  .col-5 {
    width: 41.6666666667%;
 }
  .col-6 {
    width: 50%;
 }
  .col-7 {
    width: 58.3333333333%;
 }
  .col-8 {
    width: 66.6666666667%;
 }
  .col-9 {
    width: 75%;
 }
  .col-10 {
    width: 83.3333333333%;
 }
  .col-11 {
    width: 91.6666666667%;
 }
  .col-12 {
    width: 100%;
 }
  .hidden-sm {
    display: block;
 }
}