.container {
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 799px) {
  .column {
    flex-basis: 100%;
  }

  .row {
    flex-wrap: wrap;
  }
}
.row {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.row > * {
  margin: 5px;
  flex-wrap: wrap;
}

.column {
  display: flex;
  flex-direction: column;
}

.col-1 {
  width: 8.33%;
}

.col-2 {
  width: 16.66%;
}

.col-3 {
  width: 24.99%;
}

.col-4 {
  width: 33.32%;
}

.col-5 {
  width: 41.65%;
}

.col-6 {
  width: 49.98%;
}

.col-7 {
  width: 58.31%;
}

.col-8 {
  width: 66.64%;
}

.col-9 {
  width: 74.97%;
}

.col-10 {
  width: 83.3%;
}

.col-11 {
  width: 91.63%;
}

.col-12 {
  width: 99.96%;
}

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