.intro-content-section-heading {
  display: flex;
  flex-flow: column nowrap;
  gap: 16px;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}

.intro-content-section-heading .caption {
  max-width: 712px;
  line-height: 1.24;
  text-align: center;
}

/* try to prevent spacing issues */
/* this eliminates any top margin / padding from the following element */
.intro-content-section-heading + * {
  margin-top: 0;
  padding-top: 0;
}

@media (min-width: 1024px) {
  .intro-content-section-heading {
    gap: 44px;
    margin-bottom: 60px;
  }
}