.impact-cards {
  background-color: #96965a;
  color: white;
  font-family: 'Roboto', sans-serif;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
  padding-top: 96px;
  padding-bottom: 28px;
}

.impact-cards h2,
.impact-cards h3 {
  font-size: 19px;
  font-weight: bold;
  line-height: 1.67;
  text-transform: uppercase;
  color: #FFF;
  font-family: 'Roboto', sans-serif;
}

.impact-cards .field--name-field-impact-cards {
  display: flex;
  flex-direction: column;
}

@media (min-width: 992px) {
  .multi-card.impact-cards .field--name-field-impact-cards {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
  }

  .multi-card .field--name-field-impact-cards > div {
    width: calc(50% - 10px);
  }
}