.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 0 -1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10;
}

.columns {
  width: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 0 0 0 1rem;
}

.small-1 {
  -ms-flex-preferred-size: 8.333333333333334%;
      flex-basis: 8.333333333333334%;
  max-width: 8.333333333333334%;
}

.small-2 {
  -ms-flex-preferred-size: 16.66667%;
      flex-basis: 16.66667%;
  max-width: 16.66667%;
}

.small-3 {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
}

.small-4 {
  -ms-flex-preferred-size: 33.33333%;
      flex-basis: 33.33333%;
  max-width: 33.33333%;
}

.small-5 {
  -ms-flex-preferred-size: 41.66667%;
      flex-basis: 41.66667%;
  max-width: 41.66667%;
}

.small-6 {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
}

.small-7 {
  -ms-flex-preferred-size: 58.33333%;
      flex-basis: 58.33333%;
  max-width: 58.33333%;
}

.small-8 {
  -ms-flex-preferred-size: 66.66667%;
      flex-basis: 66.66667%;
  max-width: 66.66667%;
}

.small-9 {
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
  max-width: 75%;
}

.small-10 {
  -ms-flex-preferred-size: 83.33333%;
      flex-basis: 83.33333%;
  max-width: 83.33333%;
}

.small-11 {
  -ms-flex-preferred-size: 91.66667%;
      flex-basis: 91.66667%;
  max-width: 91.66667%;
}

.small-12 {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}

.small-offset-1 {
  margin-left: 8.33333%;
}

.small-offset-2 {
  margin-left: 16.66667%;
}

.small-offset-3 {
  margin-left: 25%;
}

.small-offset-4 {
  margin-left: 33.33333%;
}

.small-offset-5 {
  margin-left: 41.66667%;
}

.small-offset-6 {
  margin-left: 50%;
}

.small-offset-7 {
  margin-left: 58.33333%;
}

.small-offset-8 {
  margin-left: 66.66667%;
}

.small-offset-9 {
  margin-left: 75%;
}

.small-offset-10 {
  margin-left: 83.33333%;
}

.small-offset-11 {
  margin-left: 91.66667%;
}

@media only screen and (min-width: 47em) {
  .medium-1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 8.333333333333334%;
            flex: 1 1 8.333333333333334%;
    max-width: 8.333333333333334%;
  }

  .medium-2 {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
    max-width: 16.66667%;
  }

  .medium-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }

  .medium-4 {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%;
  }

  .medium-5 {
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
    max-width: 41.66667%;
  }

  .medium-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }

  .medium-7 {
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
    max-width: 58.33333%;
  }

  .medium-8 {
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
    max-width: 66.66667%;
  }

  .medium-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }

  .medium-10 {
    -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
    max-width: 83.33333%;
  }

  .medium-11 {
    -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
    max-width: 91.66667%;
  }

  .medium-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }

  .medium-offset-1 {
    margin-left: 8.33333%;
  }

  .medium-offset-2 {
    margin-left: 16.66667%;
  }

  .medium-offset-3 {
    margin-left: 25%;
  }

  .medium-offset-4 {
    margin-left: 33.33333%;
  }

  .medium-offset-5 {
    margin-left: 41.66667%;
  }

  .medium-offset-6 {
    margin-left: 50%;
  }

  .medium-offset-7 {
    margin-left: 58.33333%;
  }

  .medium-offset-8 {
    margin-left: 66.66667%;
  }

  .medium-offset-9 {
    margin-left: 75%;
  }

  .medium-offset-10 {
    margin-left: 83.33333%;
  }

  .medium-offset-11 {
    margin-left: 91.66667%;
  }
}

@media only screen and (min-width: 64em) {
  .large-1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 8.333333333333334%;
            flex: 1 1 8.333333333333334%;
    max-width: 8.333333333333334%;
  }

  .large-2 {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
    max-width: 16.66667%;
  }

  .large-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }

  .large-4 {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%;
  }

  .large-5 {
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
    max-width: 41.66667%;
  }

  .large-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }

  .large-7 {
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
    max-width: 58.33333%;
  }

  .large-8 {
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
    max-width: 66.66667%;
  }

  .large-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }

  .large-10 {
    -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
    max-width: 83.33333%;
  }

  .large-11 {
    -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
    max-width: 91.66667%;
  }

  .large-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }

  .large-offset-1 {
    margin-left: 8.33333%;
  }

  .large-offset-2 {
    margin-left: 16.66667%;
  }

  .large-offset-3 {
    margin-left: 25%;
  }

  .large-offset-4 {
    margin-left: 33.33333%;
  }

  .large-offset-5 {
    margin-left: 41.66667%;
  }

  .large-offset-6 {
    margin-left: 50%;
  }

  .large-offset-7 {
    margin-left: 58.33333%;
  }

  .large-offset-8 {
    margin-left: 66.66667%;
  }

  .large-offset-9 {
    margin-left: 75%;
  }

  .large-offset-10 {
    margin-left: 83.33333%;
  }

  .large-offset-11 {
    margin-left: 91.66667%;
  }
}