#page-container #et-boc .header-section {

  .et_pb_menu__logo-wrap {
    max-width: 18rem !important;
  }

  .et_pb_menu {
    background: transparent !important;
    margin-bottom: 0;
  }


  .et_pb_menu__wrap {
    margin-top: 0.3rem;
    margin-left: 2rem;
  }

  li {
    padding-inline: 1.25rem !important;
  }

  a:hover {
    text-underline-offset: 3px;
  }

  .sub-menu {
    border: none;
    background: hsl(207, 27%, 21%, 0.998) !important;
    top: 4rem;

    a {
      font-size: 0.75rem;
      text-shadow: none;
    }
  }

  .et_mobile_menu {
    background: black !important;
    position: fixed !important;
    top: 0px !important;
    left: 50% !important;
    width: 100vw;
    height: 100vh;
    transform: translatex(-50%);
    z-index: 999;
    padding-block: 6rem !important;

    a {
      color: white !important;
    }
  }

  .et_mobile_nav_menu .mobile_menu_bar {
    position: absolute;
    top: 0.25rem;
    right: 0;
    z-index: 100001 !important;

    &:before {
      font-size: 2rem;
      color: black;
      background: white
    }
  }

  /*change Divi hamburger menu to X*/
  .mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d' !important;
  }

  /*rotate the Divi Menu icon on click*/
  .mobile_menu_bar:before {
    transition: all 0.4s ease;
    transform: rotate(0deg);
    display: block;
  }

  /*rotate the Divi Menu icon on click*/
  .mobile_nav.opened .mobile_menu_bar:before {
    transition: all 0.4s ease;
    transform: rotate(90deg);
    display: block;
  }

  .et_pb_social_media_follow {
    position: absolute;
    top: 1.75rem;
    right: 1.5rem;

    li {
      padding-inline: 0.25rem !important;
    }
  }

  @media (width < 980px) {
    & {
      .et_pb_menu_inner_container {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }

      .et_pb_menu__logo-wrap {
        max-width: 10rem !important;
        margin-left: 31vw;
      }

      a {
        text-shadow: none;
        border-bottom: unset !important;
      }
		
      .et_pb_social_media_follow {
    position: absolute;
    top: 0.5rem;
    left: 0;

    li {
      padding-inline: 0rem !important;
    }
  }
    }

  }
}

body:has(.mobile_nav.opened) {
  overflow-y: hidden;
}