.hr-story-page {
    max-width: 980px;
    margin: 0 auto;
    padding: 0 18px 56px;
    color: #2f302c;
    text-align: center !important;
    font-family: "Helvetica Neue", Arial, sans-serif;
  }

  .hr-story-page * {
    box-sizing: border-box;
  }

  .hr-story-page img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }

  .hr-story-hero {
    margin-bottom: 42px;
    text-align: center !important;
  }

  .hr-story-heading {
    max-width: 820px;
    margin: 42px auto 0;
    text-align: center !important;
  }

  .hr-story-eyebrow {
    margin: 0 0 14px;
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #8a7f72;
    text-align: center !important;
  }

  .hr-story-title {
    max-width: 760px;
    margin: 0 auto 22px !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 44px;
    line-height: 1.22;
    font-weight: 400;
    color: #2f302c;
    text-align: center !important;
  }

  .hr-story-subtitle {
    max-width: 700px;
    margin: 0 auto !important;
    font-size: 16px;
    line-height: 1.85;
    color: #625d55;
    text-align: center !important;
  }

  .hr-story-lead {
    max-width: 720px;
    margin: 34px auto 0 !important;
    font-size: 16px;
    line-height: 1.9;
    color: #625d55;
    text-align: center !important;
  }

  .hr-story-section {
    max-width: 780px;
    margin: 46px auto 0 !important;
    text-align: center !important;
  }

  .hr-story-section h2 {
    margin: 0 0 14px !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 30px;
    line-height: 1.3;
    font-weight: 400;
    color: #2f302c;
    text-align: center !important;
  }

  .hr-story-section p {
    max-width: 760px;
    margin: 0 auto !important;
    font-size: 16px;
    line-height: 1.9;
    color: #6b645c;
    text-align: center !important;
  }

  .hr-story-divider {
    width: 46px;
    height: 1px;
    margin: 34px auto 0 !important;
    background: #c8b9a7;
  }

  .hr-story-note {
    max-width: 760px;
    margin: 48px auto 0 !important;
    padding: 34px 28px;
    background: #f7f3ee;
    color: #5f594f;
    text-align: center !important;
  }

  .hr-story-note p {
    margin: 0 !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
    line-height: 1.55;
    font-weight: 400;
    text-align: center !important;
  }

  .hr-story-bottom-image {
    margin-top: 44px;
    text-align: center !important;
  }

  @media (max-width: 640px) {
    .hr-story-page {
      padding: 0 16px 42px;
    }

    .hr-story-hero {
      margin-bottom: 28px;
    }

    .hr-story-heading {
      max-width: 340px;
      margin: 28px auto 0 !important;
    }

    .hr-story-eyebrow {
      margin-bottom: 12px;
      font-size: 11px;
      letter-spacing: 1.6px;
    }

    .hr-story-title {
      max-width: 330px;
      margin-bottom: 18px !important;
      font-size: 29px;
      line-height: 1.28;
    }

    .hr-story-subtitle {
      max-width: 340px;
      font-size: 14px;
      line-height: 1.75;
    }

    .hr-story-lead {
      max-width: 340px;
      margin-top: 28px !important;
      font-size: 14px;
      line-height: 1.78;
    }

    .hr-story-divider {
      margin-top: 28px !important;
    }

    .hr-story-section {
      max-width: 340px;
      margin-top: 36px !important;
    }

    .hr-story-section h2 {
      margin-bottom: 12px !important;
      font-size: 23px;
      line-height: 1.32;
    }

    .hr-story-section p {
      max-width: 340px;
      font-size: 14px;
      line-height: 1.78;
    }

    .hr-story-note {
      max-width: 340px;
      margin-top: 38px !important;
      padding: 26px 20px;
    }

    .hr-story-note p {
      font-size: 20px;
      line-height: 1.55;
    }

    .hr-story-bottom-image {
      margin-top: 36px;
    }
  }

  @media (max-width: 390px) {
    .hr-story-page {
      padding-left: 14px;
      padding-right: 14px;
    }

    .hr-story-heading,
    .hr-story-subtitle,
    .hr-story-lead,
    .hr-story-section,
    .hr-story-note {
      max-width: 315px;
    }

    .hr-story-title {
      max-width: 310px;
      font-size: 27px;
    }

    .hr-story-section h2 {
      font-size: 22px;
    }
  }