/* breadcrumb width matches hero image */
    nav[aria-label="Breadcrumb"] {
      max-width: 1320px;
      margin-left: auto !important;
      margin-right: auto !important;
    }

    @media (min-width: 992px) {
      nav[aria-label="Breadcrumb"] {
        padding-left: 60px !important;
        padding-right: 60px !important;
      }
    }

    @media (max-width: 991px) {
      nav[aria-label="Breadcrumb"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
      }

      /* keep hero image inset on mobile so it doesn't touch viewport edges */
      .hero.-type-1 .hero__bg,
      .pageHeader.-type-1 .pageHeader__bg {
        left: 15px !important;
        right: 15px !important;
      }
    }

    .main-header {
      text-align: center;
      margin-bottom: 50px;
    }

    .content {
      margin-bottom: 30px;
    }

    .content img {
      max-width: 100%;
      height: auto;
      margin: 20px 0;
    }

    .social-links a {
      margin-right: 10px;
      color: #FF7400;
      font-size: 20px;
      font-weight: 500;
    }

/* hero title width cap */
    section.hero.-type-1 .hero__title {
      max-width: 900px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 20px;
      padding-right: 20px;
    }

    section.layout-pt-md .col-lg-8 a:not(.button):not([class*="button"]),
    section.layout-pt-md .col-lg-10 a:not(.button):not([class*="button"]) {
      color: #000 !important;
      font-weight: 400 !important;
      text-decoration: underline !important;
      text-decoration-color: #FF7400 !important;
      text-decoration-thickness: 2px !important;
      text-underline-offset: 3px;
    }

    section.layout-pt-md .col-lg-8 a:not(.button):not([class*="button"]):hover,
    section.layout-pt-md .col-lg-10 a:not(.button):not([class*="button"]):hover {
      color: #FF7400 !important;
      text-decoration-color: #FF7400 !important;
    }