.f12-row {
  display: flex;
  flex-flow: row wrap; }

.f12-col {
  flex: 1 1 auto; }
  .f12-col.col-1 {
    width: 8.3333333333%;
    flex: 1 1 8.3333333333%; }
  .f12-col.col-2 {
    width: 16.6666666667%;
    flex: 1 1 16.6666666667%; }
  .f12-col.col-3 {
    width: 25%;
    flex: 1 1 25%; }
  .f12-col.col-4 {
    width: 33.3333333333%;
    flex: 1 1 33.3333333333%; }
  .f12-col.col-5 {
    width: 41.6666666667%;
    flex: 1 1 41.6666666667%; }
  .f12-col.col-6 {
    width: 50%;
    flex: 1 1 50%; }
  .f12-col.col-7 {
    width: 58.3333333333%;
    flex: 1 1 58.3333333333%; }
  .f12-col.col-8 {
    width: 66.6666666667%;
    flex: 1 1 66.6666666667%; }
  .f12-col.col-9 {
    width: 75%;
    flex: 1 1 75%; }
  .f12-col.col-10 {
    width: 83.3333333333%;
    flex: 1 1 83.3333333333%; }
  .f12-col.col-11 {
    width: 91.6666666667%;
    flex: 1 1 91.6666666667%; }
  .f12-col.col-12 {
    width: 100%;
    flex: 1 1 100%; }
  .f12-col .f12-col-inner {
    width: 100%; }

/*# sourceMappingURL=f12-row.css.map */