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

.flex-row .col,.flex-row [class*="col-"] {
  position: relative;
  width: 100%
}

.flex-row .col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%
}

.flex-row .col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%
}

.flex-row .col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%
}

.flex-row .col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%
}

.flex-row .col-3 {
  flex: 0 0 25%;
  max-width: 25%
}

.flex-row .col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%
}

.flex-row .col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%
}

.flex-row .col-6 {
  flex: 0 0 50%;
  max-width: 50%
}

.flex-row .col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%
}

.flex-row .col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%
}

.flex-row .col-9 {
  flex: 0 0 75%;
  max-width: 75%
}

.flex-row .col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%
}

.flex-row .col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%
}

.flex-row .col-12 {
  flex: 0 0 100%;
  max-width: 100%
}

@media (min-width: 544px) {
  .flex-row .col-sm {
      flex-basis:0;
      flex-grow: 1;
      max-width: 100%
  }

  .flex-row .col-auto-sm {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .flex-row .col-1-sm {
      flex: 0 0 8.33333%;
      max-width: 8.33333%
  }

  .flex-row .col-2-sm {
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

  .flex-row .col-3-sm {
      flex: 0 0 25%;
      max-width: 25%
  }

  .flex-row .col-4-sm {
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .flex-row .col-5-sm {
      flex: 0 0 41.66667%;
      max-width: 41.66667%
  }

  .flex-row .col-6-sm {
      flex: 0 0 50%;
      max-width: 50%
  }

  .flex-row .col-7-sm {
      flex: 0 0 58.33333%;
      max-width: 58.33333%
  }

  .flex-row .col-8-sm {
      flex: 0 0 66.66667%;
      max-width: 66.66667%
  }

  .flex-row .col-9-sm {
      flex: 0 0 75%;
      max-width: 75%
  }

  .flex-row .col-10-sm {
      flex: 0 0 83.33333%;
      max-width: 83.33333%
  }

  .flex-row .col-11-sm {
      flex: 0 0 91.66667%;
      max-width: 91.66667%
  }

  .flex-row .col-12-sm {
      flex: 0 0 100%;
      max-width: 100%
  }
}

@media (min-width: 768px) {
  .flex-row .col-md {
      flex-basis:0;
      flex-grow: 1;
      max-width: 100%
  }

  .flex-row .col-auto-md {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .flex-row .col-1-md {
      flex: 0 0 8.33333%;
      max-width: 8.33333%
  }

  .flex-row .col-2-md {
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

  .flex-row .col-3-md {
      flex: 0 0 25%;
      max-width: 25%
  }

  .flex-row .col-4-md {
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .flex-row .col-5-md {
      flex: 0 0 41.66667%;
      max-width: 41.66667%
  }

  .flex-row .col-6-md {
      flex: 0 0 50%;
      max-width: 50%
  }

  .flex-row .col-7-md {
      flex: 0 0 58.33333%;
      max-width: 58.33333%
  }

  .flex-row .col-8-md {
      flex: 0 0 66.66667%;
      max-width: 66.66667%
  }

  .flex-row .col-9-md {
      flex: 0 0 75%;
      max-width: 75%
  }

  .flex-row .col-10-md {
      flex: 0 0 83.33333%;
      max-width: 83.33333%
  }

  .flex-row .col-11-md {
      flex: 0 0 91.66667%;
      max-width: 91.66667%
  }

  .flex-row .col-12-md {
      flex: 0 0 100%;
      max-width: 100%
  }
}

@media (min-width: 992px) {
  .flex-row .col-lg {
      flex-basis:0;
      flex-grow: 1;
      max-width: 100%
  }

  .flex-row .col-auto-lg {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .flex-row .col-1-lg {
      flex: 0 0 8.33333%;
      max-width: 8.33333%
  }

  .flex-row .col-2-lg {
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

  .flex-row .col-3-lg {
      flex: 0 0 25%;
      max-width: 25%
  }

  .flex-row .col-4-lg {
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .flex-row .col-5-lg {
      flex: 0 0 41.66667%;
      max-width: 41.66667%
  }

  .flex-row .col-6-lg {
      flex: 0 0 50%;
      max-width: 50%
  }

  .flex-row .col-7-lg {
      flex: 0 0 58.33333%;
      max-width: 58.33333%
  }

  .flex-row .col-8-lg {
      flex: 0 0 66.66667%;
      max-width: 66.66667%
  }

  .flex-row .col-9-lg {
      flex: 0 0 75%;
      max-width: 75%
  }

  .flex-row .col-10-lg {
      flex: 0 0 83.33333%;
      max-width: 83.33333%
  }

  .flex-row .col-11-lg {
      flex: 0 0 91.66667%;
      max-width: 91.66667%
  }

  .flex-row .col-12-lg {
      flex: 0 0 100%;
      max-width: 100%
  }
}

@media (min-width: 1200px) {
  .flex-row .col-xl {
      flex-basis:0;
      flex-grow: 1;
      max-width: 100%
  }

  .flex-row .col-auto-xl {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .flex-row .col-1-xl {
      flex: 0 0 8.33333%;
      max-width: 8.33333%
  }

  .flex-row .col-2-xl {
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

  .flex-row .col-3-xl {
      flex: 0 0 25%;
      max-width: 25%
  }

  .flex-row .col-4-xl {
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .flex-row .col-5-xl {
      flex: 0 0 41.66667%;
      max-width: 41.66667%
  }

  .flex-row .col-6-xl {
      flex: 0 0 50%;
      max-width: 50%
  }

  .flex-row .col-7-xl {
      flex: 0 0 58.33333%;
      max-width: 58.33333%
  }

  .flex-row .col-8-xl {
      flex: 0 0 66.66667%;
      max-width: 66.66667%
  }

  .flex-row .col-9-xl {
      flex: 0 0 75%;
      max-width: 75%
  }

  .flex-row .col-10-xl {
      flex: 0 0 83.33333%;
      max-width: 83.33333%
  }

  .flex-row .col-11-xl {
      flex: 0 0 91.66667%;
      max-width: 91.66667%
  }

  .flex-row .col-12-xl {
      flex: 0 0 100%;
      max-width: 100%
  }
}

@media (min-width: 1600px) {
  .flex-row .col-xxl {
      flex-basis:0;
      flex-grow: 1;
      max-width: 100%
  }

  .flex-row .col-auto-xxl {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .flex-row .col-1-xxl {
      flex: 0 0 8.33333%;
      max-width: 8.33333%
  }

  .flex-row .col-2-xxl {
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

  .flex-row .col-3-xxl {
      flex: 0 0 25%;
      max-width: 25%
  }

  .flex-row .col-4-xxl {
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .flex-row .col-5-xxl {
      flex: 0 0 41.66667%;
      max-width: 41.66667%
  }

  .flex-row .col-6-xxl {
      flex: 0 0 50%;
      max-width: 50%
  }

  .flex-row .col-7-xxl {
      flex: 0 0 58.33333%;
      max-width: 58.33333%
  }

  .flex-row .col-8-xxl {
      flex: 0 0 66.66667%;
      max-width: 66.66667%
  }

  .flex-row .col-9-xxl {
      flex: 0 0 75%;
      max-width: 75%
  }

  .flex-row .col-10-xxl {
      flex: 0 0 83.33333%;
      max-width: 83.33333%
  }

  .flex-row .col-11-xxl {
      flex: 0 0 91.66667%;
      max-width: 91.66667%
  }

  .flex-row .col-12-xxl {
      flex: 0 0 100%;
      max-width: 100%
  }
}

@media (min-width: 1920px) {
  .flex-row .col-full {
      flex-basis:0;
      flex-grow: 1;
      max-width: 100%
  }

  .flex-row .col-auto-full {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .flex-row .col-1-full {
      flex: 0 0 8.33333%;
      max-width: 8.33333%
  }

  .flex-row .col-2-full {
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

  .flex-row .col-3-full {
      flex: 0 0 25%;
      max-width: 25%
  }

  .flex-row .col-4-full {
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .flex-row .col-5-full {
      flex: 0 0 41.66667%;
      max-width: 41.66667%
  }

  .flex-row .col-6-full {
      flex: 0 0 50%;
      max-width: 50%
  }

  .flex-row .col-7-full {
      flex: 0 0 58.33333%;
      max-width: 58.33333%
  }

  .flex-row .col-8-full {
      flex: 0 0 66.66667%;
      max-width: 66.66667%
  }

  .flex-row .col-9-full {
      flex: 0 0 75%;
      max-width: 75%
  }

  .flex-row .col-10-full {
      flex: 0 0 83.33333%;
      max-width: 83.33333%
  }

  .flex-row .col-11-full {
      flex: 0 0 91.66667%;
      max-width: 91.66667%
  }

  .flex-row .col-12-full {
      flex: 0 0 100%;
      max-width: 100%
  }
}

.flex-row .ten-col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%
}

.flex-row .ten-col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%
}

.flex-row .ten-col-1 {
  flex: 0 0 10%;
  max-width: 10%
}

.flex-row .ten-col-2 {
  flex: 0 0 20%;
  max-width: 20%
}

.flex-row .ten-col-3 {
  flex: 0 0 30%;
  max-width: 30%
}

.flex-row .ten-col-4 {
  flex: 0 0 40%;
  max-width: 40%
}

.flex-row .ten-col-5 {
  flex: 0 0 50%;
  max-width: 50%
}

.flex-row .ten-col-6 {
  flex: 0 0 60%;
  max-width: 60%
}

.flex-row .ten-col-7 {
  flex: 0 0 70%;
  max-width: 70%
}

.flex-row .ten-col-8 {
  flex: 0 0 80%;
  max-width: 80%
}

.flex-row .ten-col-9 {
  flex: 0 0 90%;
  max-width: 90%
}

.flex-row .ten-col-10 {
  flex: 0 0 100%;
  max-width: 100%
}

@media (min-width: 544px) {
  .flex-row .ten-col-sm {
      flex-basis:0;
      flex-grow: 1;
      max-width: 100%
  }

  .flex-row .ten-col-auto-sm {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .flex-row .ten-col-1-sm {
      flex: 0 0 10%;
      max-width: 10%
  }

  .flex-row .ten-col-2-sm {
      flex: 0 0 20%;
      max-width: 20%
  }

  .flex-row .ten-col-3-sm {
      flex: 0 0 30%;
      max-width: 30%
  }

  .flex-row .ten-col-4-sm {
      flex: 0 0 40%;
      max-width: 40%
  }

  .flex-row .ten-col-5-sm {
      flex: 0 0 50%;
      max-width: 50%
  }

  .flex-row .ten-col-6-sm {
      flex: 0 0 60%;
      max-width: 60%
  }

  .flex-row .ten-col-7-sm {
      flex: 0 0 70%;
      max-width: 70%
  }

  .flex-row .ten-col-8-sm {
      flex: 0 0 80%;
      max-width: 80%
  }

  .flex-row .ten-col-9-sm {
      flex: 0 0 90%;
      max-width: 90%
  }

  .flex-row .ten-col-10-sm {
      flex: 0 0 100%;
      max-width: 100%
  }
}

@media (min-width: 768px) {
  .flex-row .ten-col-md {
      flex-basis:0;
      flex-grow: 1;
      max-width: 100%
  }

  .flex-row .ten-col-auto-md {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .flex-row .ten-col-1-md {
      flex: 0 0 10%;
      max-width: 10%
  }

  .flex-row .ten-col-2-md {
      flex: 0 0 20%;
      max-width: 20%
  }

  .flex-row .ten-col-3-md {
      flex: 0 0 30%;
      max-width: 30%
  }

  .flex-row .ten-col-4-md {
      flex: 0 0 40%;
      max-width: 40%
  }

  .flex-row .ten-col-5-md {
      flex: 0 0 50%;
      max-width: 50%
  }

  .flex-row .ten-col-6-md {
      flex: 0 0 60%;
      max-width: 60%
  }

  .flex-row .ten-col-7-md {
      flex: 0 0 70%;
      max-width: 70%
  }

  .flex-row .ten-col-8-md {
      flex: 0 0 80%;
      max-width: 80%
  }

  .flex-row .ten-col-9-md {
      flex: 0 0 90%;
      max-width: 90%
  }

  .flex-row .ten-col-10-md {
      flex: 0 0 100%;
      max-width: 100%
  }
}

@media (min-width: 992px) {
  .flex-row .ten-col-lg {
      flex-basis:0;
      flex-grow: 1;
      max-width: 100%
  }

  .flex-row .ten-col-auto-lg {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .flex-row .ten-col-1-lg {
      flex: 0 0 10%;
      max-width: 10%
  }

  .flex-row .ten-col-2-lg {
      flex: 0 0 20%;
      max-width: 20%
  }

  .flex-row .ten-col-3-lg {
      flex: 0 0 30%;
      max-width: 30%
  }

  .flex-row .ten-col-4-lg {
      flex: 0 0 40%;
      max-width: 40%
  }

  .flex-row .ten-col-5-lg {
      flex: 0 0 50%;
      max-width: 50%
  }

  .flex-row .ten-col-6-lg {
      flex: 0 0 60%;
      max-width: 60%
  }

  .flex-row .ten-col-7-lg {
      flex: 0 0 70%;
      max-width: 70%
  }

  .flex-row .ten-col-8-lg {
      flex: 0 0 80%;
      max-width: 80%
  }

  .flex-row .ten-col-9-lg {
      flex: 0 0 90%;
      max-width: 90%
  }

  .flex-row .ten-col-10-lg {
      flex: 0 0 100%;
      max-width: 100%
  }
}

@media (min-width: 1200px) {
  .flex-row .ten-col-xl {
      flex-basis:0;
      flex-grow: 1;
      max-width: 100%
  }

  .flex-row .ten-col-auto-xl {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .flex-row .ten-col-1-xl {
      flex: 0 0 10%;
      max-width: 10%
  }

  .flex-row .ten-col-2-xl {
      flex: 0 0 20%;
      max-width: 20%
  }

  .flex-row .ten-col-3-xl {
      flex: 0 0 30%;
      max-width: 30%
  }

  .flex-row .ten-col-4-xl {
      flex: 0 0 40%;
      max-width: 40%
  }

  .flex-row .ten-col-5-xl {
      flex: 0 0 50%;
      max-width: 50%
  }

  .flex-row .ten-col-6-xl {
      flex: 0 0 60%;
      max-width: 60%
  }

  .flex-row .ten-col-7-xl {
      flex: 0 0 70%;
      max-width: 70%
  }

  .flex-row .ten-col-8-xl {
      flex: 0 0 80%;
      max-width: 80%
  }

  .flex-row .ten-col-9-xl {
      flex: 0 0 90%;
      max-width: 90%
  }

  .flex-row .ten-col-10-xl {
      flex: 0 0 100%;
      max-width: 100%
  }
}

@media (min-width: 1600px) {
  .flex-row .ten-col-xxl {
      flex-basis:0;
      flex-grow: 1;
      max-width: 100%
  }

  .flex-row .ten-col-auto-xxl {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .flex-row .ten-col-1-xxl {
      flex: 0 0 10%;
      max-width: 10%
  }

  .flex-row .ten-col-2-xxl {
      flex: 0 0 20%;
      max-width: 20%
  }

  .flex-row .ten-col-3-xxl {
      flex: 0 0 30%;
      max-width: 30%
  }

  .flex-row .ten-col-4-xxl {
      flex: 0 0 40%;
      max-width: 40%
  }

  .flex-row .ten-col-5-xxl {
      flex: 0 0 50%;
      max-width: 50%
  }

  .flex-row .ten-col-6-xxl {
      flex: 0 0 60%;
      max-width: 60%
  }

  .flex-row .ten-col-7-xxl {
      flex: 0 0 70%;
      max-width: 70%
  }

  .flex-row .ten-col-8-xxl {
      flex: 0 0 80%;
      max-width: 80%
  }

  .flex-row .ten-col-9-xxl {
      flex: 0 0 90%;
      max-width: 90%
  }

  .flex-row .ten-col-10-xxl {
      flex: 0 0 100%;
      max-width: 100%
  }
}

@media (min-width: 1920px) {
  .flex-row .ten-col-full {
      flex-basis:0;
      flex-grow: 1;
      max-width: 100%
  }

  .flex-row .ten-col-auto-full {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .flex-row .ten-col-1-full {
      flex: 0 0 10%;
      max-width: 10%
  }

  .flex-row .ten-col-2-full {
      flex: 0 0 20%;
      max-width: 20%
  }

  .flex-row .ten-col-3-full {
      flex: 0 0 30%;
      max-width: 30%
  }

  .flex-row .ten-col-4-full {
      flex: 0 0 40%;
      max-width: 40%
  }

  .flex-row .ten-col-5-full {
      flex: 0 0 50%;
      max-width: 50%
  }

  .flex-row .ten-col-6-full {
      flex: 0 0 60%;
      max-width: 60%
  }

  .flex-row .ten-col-7-full {
      flex: 0 0 70%;
      max-width: 70%
  }

  .flex-row .ten-col-8-full {
      flex: 0 0 80%;
      max-width: 80%
  }

  .flex-row .ten-col-9-full {
      flex: 0 0 90%;
      max-width: 90%
  }

  .flex-row .ten-col-10-full {
      flex: 0 0 100%;
      max-width: 100%
  }
}

.flex-row .five-col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%
}

.flex-row .five-col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%
}

.flex-row .five-col-1 {
  flex: 0 0 20%;
  max-width: 20%
}

.flex-row .five-col-2 {
  flex: 0 0 40%;
  max-width: 40%
}

.flex-row .five-col-3 {
  flex: 0 0 60%;
  max-width: 60%
}

.flex-row .five-col-4 {
  flex: 0 0 80%;
  max-width: 80%
}

.flex-row .five-col-5 {
  flex: 0 0 100%;
  max-width: 100%
}

@media (min-width: 544px) {
  .flex-row .five-col-sm {
      flex-basis:0;
      flex-grow: 1;
      max-width: 100%
  }

  .flex-row .five-col-auto-sm {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .flex-row .five-col-1-sm {
      flex: 0 0 20%;
      max-width: 20%
  }

  .flex-row .five-col-2-sm {
      flex: 0 0 40%;
      max-width: 40%
  }

  .flex-row .five-col-3-sm {
      flex: 0 0 60%;
      max-width: 60%
  }

  .flex-row .five-col-4-sm {
      flex: 0 0 80%;
      max-width: 80%
  }

  .flex-row .five-col-5-sm {
      flex: 0 0 100%;
      max-width: 100%
  }
}

@media (min-width: 768px) {
  .flex-row .five-col-md {
      flex-basis:0;
      flex-grow: 1;
      max-width: 100%
  }

  .flex-row .five-col-auto-md {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .flex-row .five-col-1-md {
      flex: 0 0 20%;
      max-width: 20%
  }

  .flex-row .five-col-2-md {
      flex: 0 0 40%;
      max-width: 40%
  }

  .flex-row .five-col-3-md {
      flex: 0 0 60%;
      max-width: 60%
  }

  .flex-row .five-col-4-md {
      flex: 0 0 80%;
      max-width: 80%
  }

  .flex-row .five-col-5-md {
      flex: 0 0 100%;
      max-width: 100%
  }
}

@media (min-width: 992px) {
  .flex-row .five-col-lg {
      flex-basis:0;
      flex-grow: 1;
      max-width: 100%
  }

  .flex-row .five-col-auto-lg {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .flex-row .five-col-1-lg {
      flex: 0 0 20%;
      max-width: 20%
  }

  .flex-row .five-col-2-lg {
      flex: 0 0 40%;
      max-width: 40%
  }

  .flex-row .five-col-3-lg {
      flex: 0 0 60%;
      max-width: 60%
  }

  .flex-row .five-col-4-lg {
      flex: 0 0 80%;
      max-width: 80%
  }

  .flex-row .five-col-5-lg {
      flex: 0 0 100%;
      max-width: 100%
  }
}

@media (min-width: 1200px) {
  .flex-row .five-col-xl {
      flex-basis:0;
      flex-grow: 1;
      max-width: 100%
  }

  .flex-row .five-col-auto-xl {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .flex-row .five-col-1-xl {
      flex: 0 0 20%;
      max-width: 20%
  }

  .flex-row .five-col-2-xl {
      flex: 0 0 40%;
      max-width: 40%
  }

  .flex-row .five-col-3-xl {
      flex: 0 0 60%;
      max-width: 60%
  }

  .flex-row .five-col-4-xl {
      flex: 0 0 80%;
      max-width: 80%
  }

  .flex-row .five-col-5-xl {
      flex: 0 0 100%;
      max-width: 100%
  }
}

@media (min-width: 1600px) {
  .flex-row .five-col-xxl {
      flex-basis:0;
      flex-grow: 1;
      max-width: 100%
  }

  .flex-row .five-col-auto-xxl {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .flex-row .five-col-1-xxl {
      flex: 0 0 20%;
      max-width: 20%
  }

  .flex-row .five-col-2-xxl {
      flex: 0 0 40%;
      max-width: 40%
  }

  .flex-row .five-col-3-xxl {
      flex: 0 0 60%;
      max-width: 60%
  }

  .flex-row .five-col-4-xxl {
      flex: 0 0 80%;
      max-width: 80%
  }

  .flex-row .five-col-5-xxl {
      flex: 0 0 100%;
      max-width: 100%
  }
}

@media (min-width: 1920px) {
  .flex-row .five-col-full {
      flex-basis:0;
      flex-grow: 1;
      max-width: 100%
  }

  .flex-row .five-col-auto-full {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .flex-row .five-col-1-full {
      flex: 0 0 20%;
      max-width: 20%
  }

  .flex-row .five-col-2-full {
      flex: 0 0 40%;
      max-width: 40%
  }

  .flex-row .five-col-3-full {
      flex: 0 0 60%;
      max-width: 60%
  }

  .flex-row .five-col-4-full {
      flex: 0 0 80%;
      max-width: 80%
  }

  .flex-row .five-col-5-full {
      flex: 0 0 100%;
      max-width: 100%
  }
}