.delivery-section {
  background: #fff;
  padding: 110px 0;
}

.delivery-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.delivery-grid article {
  padding: 30px 24px 30px 0;
  border-right: 1px solid var(--line);
}

.delivery-grid article:not(:first-child) { padding-left: 24px; }
.delivery-grid article:last-child { border-right: 0; }
.delivery-grid article > span { font: 500 .7rem var(--mono); color: var(--orange); }
.delivery-grid h3 { font-size: 1.15rem; line-height: 1.25; margin: 18px 0 10px; }
.delivery-grid p { color: var(--muted); font-size: .92rem; }
.delivery-grid small {
  display: block;
  font: 400 .65rem/1.7 var(--mono);
  color: #77818d;
  text-transform: uppercase;
  margin-top: 22px;
}

.stack-card { min-height: 285px; }

@media (max-width: 850px) {
  .delivery-grid { grid-template-columns: 1fr 1fr; }
  .delivery-grid article:nth-child(2) { border-right: 0; }
  .delivery-grid article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
}

@media (max-width: 560px) {
  .delivery-section { padding: 80px 0; }
  .delivery-grid { grid-template-columns: 1fr; }
  .delivery-grid article,
  .delivery-grid article:not(:first-child) {
    padding: 26px 0;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .delivery-grid article:last-child { border-bottom: 0; }
}