/* Keep program rows aligned even when their descriptions have different heights. */
#services .programs-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 48px;
}

/* Bootstrap's clearfix pseudo-elements must not become flex items. */
#services .programs-grid::before,
#services .programs-grid::after {
  display: none;
}

#services .programs-grid > .col-md-4 {
  float: none;
  width: 100%;
}

@media (min-width: 768px) {
  #services .programs-grid > .col-md-4 {
    width: 50%;
  }
}

@media (min-width: 992px) {
  #services .programs-grid > .col-md-4 {
    width: 33.33333333%;
  }
}