html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

img,
svg,
video,
canvas,
iframe {
  max-width: 100%;
  height: auto;
}

[class*="__grid"],
[class*="-grid"],
.commit-grid,
.modal-grid,
.compare-grid,
.feature-grid,
.plans-grid,
.sdc-structure-page__detail-grid,
.sdc-detail-card__columns,
.goal1-hero__grid,
.goal1-overview__grid,
.goal1-targets__grid,
.goal1-actions__grid {
  min-width: 0;
}

[class*="__grid"] > *,
[class*="-grid"] > *,
.commit-grid > *,
.modal-grid > *,
.compare-grid > *,
.feature-grid > *,
.plans-grid > *,
.sdc-structure-page__detail-grid > *,
.sdc-detail-card__columns > *,
.goal1-hero__grid > *,
.goal1-overview__grid > *,
.goal1-targets__grid > *,
.goal1-actions__grid > * {
  min-width: 0;
}

@media (max-width: 991px) {
  .topbar-inner,
  .hero-copy,
  .policy-service-hero,
  .dig-hero__grid,
  .kids-sdg-hero__grid,
  .sdc-structure-page__hero,
  .goal1-hero__grid {
    grid-template-columns: 1fr !important;
  }

  .policy-service-aside,
  .goal1-actions__grid,
  .goal1-targets__grid,
  .compare-grid,
  .feature-grid,
  .plans-grid,
  .commit-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px) {
  .topbar-inner {
    width: min(100% - 20px, 1400px) !important;
    min-height: auto !important;
    padding: 14px 0;
    flex-direction: column;
    align-items: flex-start !important;
  }

  .hero,
  .form-wrap,
  .policy-service-shell,
  .kids-sdg-page,
  .sdc-structure-page,
  .goal1-main {
    overflow-x: hidden;
  }

  .form-wrap {
    width: min(100% - 16px, 1400px) !important;
  }

  .policy-service-title,
  .dig-hero__title,
  .kids-sdg-hero__title,
  .goal1-heading {
    word-break: break-word;
  }

  .sdc-structure-board,
  .sdc-structure-page__map {
    overflow-x: auto;
  }
}