/* Universal breakpoints */
.hero_navigation {
  position: relative;
  padding-bottom: 175px;
  background-color: #f3f6f6; }
#become-supplier {
  padding-top:0px !important;
  padding-bottom:60px !important;
}
#supplier-management {
  padding-bottom:60px !important;
}

@media (min-width: 1440px) {
  .four-up-suppliers {
    flex-wrap: unset;
    width: inherit; } }

    @media (min-width: 1440px) {
      .four-up-suppliers .inner {
         width: 100%;
        flex-wrap: unset; } }
  .hero_navigation.bg-white {
    background-color: #fff; }
  .hero_navigation.heading-full .three-up-shim {
    max-width: 800px; }
    @media (max-width: 991px) {
      .hero_navigation.heading-full .three-up-shim {
        height: 250px; } }
  @media (max-width: 991px) {
    .hero_navigation.heading-full {
      margin-bottom: 200px; } }
  .hero_navigation.heading-full .hero {
    min-height: 880px; }
    @media (max-width: 991px) {
      .hero_navigation.heading-full .hero {
        min-height: 450px; } }
    @media (max-width: 991px) {
      .hero_navigation.heading-full .hero .content {
        justify-content: center; } }
    .hero_navigation.heading-full .hero .hero-heading {
      max-width: 65%;
      margin-top: 25px; }
      @media (max-width: 991px) {
        .hero_navigation.heading-full .hero .hero-heading {
          max-width: 100%;
          font-size: 36px; } }
    .hero_navigation.heading-full .hero .hero-copy-content {
      padding-bottom: 75px; }
  .hero_navigation.simple {
    background-color: #fff; }
    .hero_navigation.simple .hero {
      min-height: 880px; }
      @media (max-width: 991px) {
        .hero_navigation.simple .hero {
          min-height: 400px; } }
      .hero_navigation.simple .hero .hero-heading {
        max-width: 75%; }
        @media (max-width: 991px) {
          .hero_navigation.simple .hero .hero-heading {
            max-width: 100%; } }
      .hero_navigation.simple .hero .hero-subtext {
        width: 75%; }
        @media (max-width: 991px) {
          .hero_navigation.simple .hero .hero-subtext {
            width: 100%; } }
    @media (max-width: 1279px) {
      .hero_navigation.simple .intersect {
        width: 100%; } }
  @media (max-width: 991px) {
    .hero_navigation {
      padding-bottom: 75px; }
      .hero_navigation.pb-225 {
        padding-bottom: 250px; } }
  .hero_navigation .three-up {
    max-width: 1204px;
    margin: 0 auto; }
    @media (max-width: 991px) {
      .hero_navigation .three-up {
        max-width: none; } }
    .hero_navigation .three-up .inner {
      flex-wrap: nowrap; }
      @media (max-width: 991px) {
        .hero_navigation .three-up .inner {
          padding-left: 16px; } }
  .hero_navigation .hero {
    min-height: 746px; }
    @media (max-width: 991px) {
      .hero_navigation .hero {
        min-height: 400px; } }
    .hero_navigation .hero .content {
      position: absolute;
      padding-top: 50px; }
      @media (max-width: 991px) {
        .hero_navigation .hero .content {
          justify-content: flex-start; }
          .hero_navigation .hero .content.flex-end {
            justify-content: flex-end; } }
      @media (min-width: 992px) {
        .hero_navigation .hero .content {
          padding: 0 0 175px 100px;
          display: flex; } }
    .hero_navigation .hero .hero-icon {
      margin-bottom: 10px; }
    .hero_navigation .hero .hero-title-subhead {
      padding-left: 24px; }
      @media (max-width: 991px) {
        .hero_navigation .hero .hero-title-subhead {
          padding-left: 15px; } }
    .hero_navigation .hero .hero-heading {
      position: relative;
      z-index: 2;
      max-width: 50%; }
      @media (min-width: 992px) and (max-width: 1080px) {
        .hero_navigation .hero .hero-heading.long {
          max-width: 75%; } }
      @media (max-width: 991px) {
        .hero_navigation .hero .hero-heading {
          padding-top: 0;
          max-width: 100%;
          font-size: 36px;
          line-height: 41px;
          padding-bottom: 16px; } }
    @media (max-width: 991px) {
      .hero_navigation .hero .bg-image-mobile {
        min-height: 540px;
        position: absolute; } }
  .hero_navigation .hero-copy-content {
    padding-bottom: 116px; }
    @media (min-width: 992px) {
      .hero_navigation .hero-copy-content {
        align-self: flex-end; } }
  @media (max-width: 991px) {
    .hero_navigation .hero-subtext {
      font-size: 16px;
      line-height: 22px; } }
  @media (min-width: 992px) {
    .hero_navigation .hero-subtext {
      width: 50%; } }
  .hero_navigation .intersect {
    position: relative;
    margin-top: -190px;
    width: -moz-fit-content;
    width: fit-content;
    float: right; }
    @media (max-width: 991px) {
      .hero_navigation .intersect {
        margin-top: -75px;
        width: 100%; } }
    @media (max-width: 479px) {
      .hero_navigation .intersect {
      /*  margin-top: 0px; */
		}
      .suppliers-intersect {
        margin-top:-60px !important;
      }
      }
  .hero_navigation .three-up-shim {
    background-color: #fbc600;
    position: absolute;
    height: 224px;
    width: 75vw;
    max-width: 970px;
    border-radius: 16px 0px 0px 16px;
    right: 0px;
    top: 75px; }
    @media (max-width: 991px) {
      .hero_navigation .three-up-shim {
        height: 308px;
        top: 0; } }
    @media (max-width: 479px) {
      .hero_navigation .three-up-shim {
      /*  height: 270px; */
        top: 35px; } }