.bentobox {
  margin: 4vw auto;
  display: grid;
  gap: 1rem;
  max-width: 1200px;
  padding: 1rem;
  grid-template-row: repeat(4, 1fr);
  grid-template-columns: repeat(12, 1fr);
}
.bentobox .box {
  height: 20vw;
  height: calc(50px + 17vw);
  background: #230A02;
  border-radius: 1.2rem;
  grid-column: span 4;
}

.box1 {
  grid-column: span 4;
}

.box2 {
  grid-column: span 4;
}

.box3 {
  grid-column: span 4;
}

.box4 {
  grid-column: span 4;
}

.box5 {
  grid-column: span 4;
}

.box6 {
  grid-column: span 4;
}

.box7 {
  grid-column: span 4;
}

.box8 {
  grid-column: span 4;
}

.box9 {
  grid-column: span 4;
}

.box10 {
  grid-column: span 4;
}

.box11 {
  grid-column: span 4;
}

.box12 {
  grid-column: span 4;
}/*# sourceMappingURL=bentobox.css.map */