.boxes-wrapper {
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}
.boxes-wrapper .box {
  grid-column: 1/-1;
}

@media only screen and (min-width: 768px) {
  .half-box {
    grid-column: auto !important;
  }
}