.two-col {
  --columns: 2;
  --half: 1;
  --third: 1;
  --quarter: 1;
  --sixth: 1;
  --eighth: 1;
  --column-gap: 2em;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  grid-row-gap: 2em;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow-x: hidden;
}
.two-col.grid {
  --padding-vertical: 5rem;
}
.two-col .column {
  padding: var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left);
}
.feature-box .two-col {
  padding: 0;
  max-width: 100% !important;
}
@media screen and (max-width: 500px) {
  .two-col {
    grid-template-columns: 100%;
  }
}
@media screen and (max-width: 475px) {
  .two-col .column {
    padding: 0;
  }
}