.col-1 {
  width: calc(100% * 1 / 16);
}

.col-2 {
  width: calc(100% * 2 / 16);
}

.col-3 {
  width: calc(100% * 3 / 16);
}

.col-4 {
  width: calc(100% * 4 / 16);
}

.col-5 {
  width: calc(100% * 5 / 16);
}

.col-6 {
  width: calc(100% * 6 / 16);
}

.col-7 {
  width: calc(100% * 7 / 16);
}

.col-8 {
  width: calc(100% * 8 / 16);
}

.col-9 {
  width: calc(100% * 9 / 16);
}

.col-10 {
  width: calc(100% * 10 / 16);
}

.col-11 {
  width: calc(100% * 11 / 16);
}

.col-12 {
  width: calc(100% * 12 / 16);
}

.col-13 {
  width: calc(100% * 13 / 16);
}

.col-14 {
  width: calc(100% * 14 / 16);
}

.col-15 {
  width: calc(100% * 15 / 16);
}

.col-16 {
  width: calc(100% * 16 / 16);
}

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

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

[class*="col-"] {
  padding: 0;
}