.cols {
  display: flex;
  flex-wrap: wrap;
}
.cols--inverse {
  flex-direction: column-reverse;
}
@media only screen and (min-width: 57rem) {
  .cols--inverse {
    flex-direction: row;
  }
}
.col__20 {
  width: 100%;
}
@media only screen and (min-width: 30rem) {
  .col__20 {
    width: 50%;
  }
}
@media only screen and (min-width: 57rem) {
  .col__20 {
    width: 20%;
  }
}
.col__33 {
  width: 100%;
}
@media only screen and (min-width: 57rem) {
  .col__33 {
    width: 33.33%;
  }
}
.col__66 {
  width: 100%;
}
@media only screen and (min-width: 57rem) {
  .col__66 {
    width: 66.66%;
  }
}
.col__50 {
  width: 100%;
}
@media only screen and (min-width: 57rem) {
  .col__50 {
    width: 50%;
  }
}
.col__25 {
  width: 100%;
}
@media only screen and (min-width: 30rem) {
  .col__25 {
    width: 50%;
  }
}
@media only screen and (min-width: 57rem) {
  .col__25 {
    width: 25%;
  }
}
.col__25-for-75 {
  width: 100%;
}
@media only screen and (min-width: 57rem) {
  .col__25-for-75 {
    width: 25%;
  }
}
.col__75 {
  width: 100%;
}
@media only screen and (min-width: 57rem) {
  .col__75 {
    width: 75%;
  }
}
.col__60 {
  width: 100%;
}
@media only screen and (min-width: 57rem) {
  .col__60 {
    width: 60%;
  }
}
.col__40 {
  width: 100%;
}
@media only screen and (min-width: 57rem) {
  .col__40 {
    width: 40%;
  }
}
.col__30 {
  width: 100%;
}
@media only screen and (min-width: 57rem) {
  .col__30 {
    width: 30%;
  }
}
.col__70 {
  width: 100%;
}
@media only screen and (min-width: 57rem) {
  .col__70 {
    width: 70%;
  }
}
.col__100 {
  width: 100%;
}
.col__image {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.col__image p {
  display: inline-flex;
  width: 100%;
  padding: 0;
  margin: 0;
}
.col__image img {
  max-width: 100%;
  max-height: 100%;
}
@media only screen and (min-width: 57rem) {
  .col__pl-9 {
    padding-left: 3.875rem;
  }
}
@media only screen and (min-width: 57rem) {
  .col__pr-9 {
    padding-right: 3.875rem;
  }
}
@media only screen and (min-width: 57rem) {
  .col__pl-8 {
    padding-left: 3.125rem;
  }
}
@media only screen and (min-width: 57rem) {
  .col__pr-8 {
    padding-right: 3.125rem;
  }
}
@media only screen and (min-width: 57rem) {
  .col__pl-7 {
    padding-left: 2.625rem;
  }
}
@media only screen and (min-width: 57rem) {
  .col__pr-7 {
    padding-right: 2.625rem;
  }
}
@media only screen and (min-width: 57rem) {
  .col__pl-6 {
    padding-left: 2.125rem;
  }
}
@media only screen and (min-width: 57rem) {
  .col__pr-6 {
    padding-right: 2.125rem;
  }
}
@media only screen and (min-width: 57rem) {
  .col__pl-5 {
    padding-left: 1.75rem;
  }
}
@media only screen and (min-width: 57rem) {
  .col__pr-5 {
    padding-right: 1.75rem;
  }
}
@media only screen and (min-width: 57rem) {
  .col__pl-4 {
    padding-left: 1.375rem;
  }
}
@media only screen and (min-width: 57rem) {
  .col__pr-4 {
    padding-right: 1.375rem;
  }
}
@media only screen and (min-width: 57rem) {
  .col__pl-3 {
    padding-left: 1.125rem;
  }
}
@media only screen and (min-width: 57rem) {
  .col__pr-3 {
    padding-right: 1.125rem;
  }
}
@media only screen and (min-width: 57rem) {
  .col__pl-2 {
    padding-left: 0.875rem;
  }
}
@media only screen and (min-width: 57rem) {
  .col__pr-2 {
    padding-right: 0.875rem;
  }
}
@media only screen and (min-width: 57rem) {
  .col__pl-1 {
    padding-left: 0.75rem;
  }
}
@media only screen and (min-width: 57rem) {
  .col__pr-1 {
    padding-right: 0.75rem;
  }
}
.col__m-order-1 {
  order: 1;
}
@media only screen and (min-width: 57rem) {
  .col__m-order-1 {
    order: 0;
  }
}

/*# sourceMappingURL=maps/cols.css.map */