.row {
  display: flex;
  gap: 32px;
}

.col {
}

.col-12 {
  width: 100%;
}
.col-11 {
  width: 91.66666666666667%;
}
.col-10 {
  width: 83.33333333333333%;
}
.col-9 {
  width: 75%;
}
.col-8 {
  width: 66.66666666666667%;
}
.col-7 {
  width: 58.33333333333333%;
}
.col-6 {
  width: 50%;
}
.col-5 {
  width: 41.66666666666667%;
}
.col-4 {
  width: 33.3333333333%;
}
.col-3 {
  width: 25%;
}
.col-2 {
  width: 16.66666666666667%;
}
.col-1 {
  width: 8.333333333333333%;
}
@media screen and (max-width: 375px) {
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7 {
    width: 100%;
  }
  section .row {
    display: block;
  }
  .col-7 {
    text-align: center;
  }
}