.row-flex {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px; }

.flex-col {
  padding-left: 15px;
  padding-right: 15px; }

.col-d-1 {
  flex: 0 0 4.1666%;
  max-width: 4.1666%; }

.col-d-2 {
  flex: 0 0 8.3333%;
  max-width: 8.3333%; }

.col-d-3 {
  flex: 0 0 12.5%;
  max-width: 12.5%; }

.col-d-4 {
  flex: 0 0 16.6666%;
  max-width: 16.6666%; }

.col-d-5 {
  flex: 0 0 20.8333%;
  max-width: 20.8333%; }

.col-d-6 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-d-7 {
  flex: 0 0 29.1666%;
  max-width: 29.1666%; }

.col-d-8 {
  flex: 0 0 33.3333%;
  max-width: 33.3333%; }

.col-d-9 {
  flex: 0 0 37.5%;
  max-width: 37.5%; }

.col-d-10 {
  flex: 0 0 41.6666%;
  max-width: 41.6666%; }

.col-d-11 {
  flex: 0 0 45.8333%;
  max-width: 45.8333%; }

.col-d-12 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-d-13 {
  flex: 0 0 54.1666%;
  max-width: 54.1666%; }

.col-d-14 {
  flex: 0 0 58.3333%;
  max-width: 58.3333%; }

.col-d-15 {
  flex: 0 0 62.5%;
  max-width: 62.5%; }

.col-d-16 {
  flex: 0 0 66.6666%;
  max-width: 66.6666%; }

.col-d-17 {
  flex: 0 0 70.8333%;
  max-width: 70.8333%; }

.col-d-18 {
  flex: 0 0 75%;
  max-width: 75%; }

.col-d-19 {
  flex: 0 0 79.1666%;
  max-width: 79.1666%; }

.col-d-20 {
  flex: 0 0 83.3333%;
  max-width: 83.3333%; }

.col-d-21 {
  flex: 0 0 87.5%;
  max-width: 87.5%; }

.col-d-22 {
  flex: 0 0 91.6666%;
  max-width: 91.6666%; }

.col-d-23 {
  flex: 0 0 95.8333%;
  max-width: 95.8333%; }

.col-d-24 {
  flex: 0 0 100%;
  max-width: 100%; }

@media (max-width: 767px) {
  .col-m-1 {
    flex: 0 0 4.1666%;
    max-width: 4.1666%; }

  .col-m-2 {
    flex: 0 0 8.3333%;
    max-width: 8.3333%; }

  .col-m-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%; }

  .col-m-4 {
    flex: 0 0 16.6666%;
    max-width: 16.6666%; }

  .col-m-5 {
    flex: 0 0 20.8333%;
    max-width: 20.8333%; }

  .col-m-6 {
    flex: 0 0 25%;
    max-width: 25%; }

  .col-m-7 {
    flex: 0 0 29.1666%;
    max-width: 29.1666%; }

  .col-m-8 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%; }

  .col-m-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%; }

  .col-m-10 {
    flex: 0 0 41.6666%;
    max-width: 41.6666%; }

  .col-m-11 {
    flex: 0 0 45.8333%;
    max-width: 45.8333%; }

  .col-m-12 {
    flex: 0 0 50%;
    max-width: 50%; }

  .col-m-13 {
    flex: 0 0 54.1666%;
    max-width: 54.1666%; }

  .col-m-14 {
    flex: 0 0 58.3333%;
    max-width: 58.3333%; }

  .col-m-15 {
    flex: 0 0 62.5%;
    max-width: 62.5%; }

  .col-m-16 {
    flex: 0 0 66.6666%;
    max-width: 66.6666%; }

  .col-m-17 {
    flex: 0 0 70.8333%;
    max-width: 70.8333%; }

  .col-m-18 {
    flex: 0 0 75%;
    max-width: 75%; }

  .col-m-19 {
    flex: 0 0 79.1666%;
    max-width: 79.1666%; }

  .col-m-20 {
    flex: 0 0 83.3333%;
    max-width: 83.3333%; }

  .col-m-21 {
    flex: 0 0 87.5%;
    max-width: 87.5%; }

  .col-m-22 {
    flex: 0 0 91.6666%;
    max-width: 91.6666%; }

  .col-m-23 {
    flex: 0 0 95.8333%;
    max-width: 95.8333%; }

  .col-m-24 {
    flex: 0 0 100%;
    max-width: 100%; } }

/*# sourceMappingURL=grid.css.map */