/* MAIN TOP NAV ALWAYS ON TOP */
/* NAV BAR ALWAYS ON TOP */
.w3-top {
    position: fixed;
    width: 100%;
    z-index: 99999;
}

/* MOBILE MENU OVERLAY */
#navDemo {
    position: fixed;
    top: 90px;   /* adjust if header height changes */
    left: 0;
    width: 100%;
    max-height: calc(100vh - 90px);
    overflow-y: auto;
    z-index: 99998;
    display: none;   /* IMPORTANT: hidden by default */
}



/* PUSH HERO DOWN SO IT DOESN'T SIT UNDER NAV */
.hero-image {
    margin-top: 120px;
}

/* STICKY FILTER BAR STAYS BELOW MENU */
.sticky-header {
    top: 130px;
    z-index: 100;
}

/* Keep top nav fixed */
.w3-top {
    position: fixed;
    width: 100%;
    z-index: 99999;
}

/* Mobile menu overlay (hidden by default) */
#navDemo {
    position: fixed;
    top: 90px;   /* height of your header */
    left: 0;
    width: 100%;
    max-height: calc(100vh - 90px);
    overflow-y: auto;
    z-index: 99998;
    display: none;   /* VERY IMPORTANT */
}
        /* Social Icons */
        #facebook, #instagram, #linkedin{ padding: 10px; font-size: 20px; width: 40px; text-align: center; text-decoration: none; margin: 5px 2px; border-radius: 50%; }
        .fa-facebook , #facebook{ background: #3B5998; color: white; }
        .fa-instagram , #instagram{ background: #125688; color: white; }
        .fa-linkedin, #linkedin { background: #007bb5; color: white; }