---
import '/src/assets/css/main.scss';
import StickyFilter from './StickyFilter.astro';
---

<header class="header-top position-fixed w-100">
    <div class="header-wrap">
        <div class="header-content">
            <div class="header-logo d-none d-md-block">
                <h1><div class="blueCircle m-2 ms-3"></div></a></h1> <!-- (z:2) --></h1>
            </div>
        </div>
        <div class="header-logo-patch d-none d-md-block"></div>
        <nav class="nav-main horizontal-nav">
        </nav>
        <div class="header-social pt-3">
            <StickyFilter />
            <div class="redCircle d-none d-md-block"></div>
            <div class="yellowCircle d-none d-md-block"></div>
            <div class="greenCircle d-none d-md-block"></div>
            <nav class="nav-social horizontal-nav">
            </nav> <!-- end .nav-social -->
        </div> <!-- end .header-social -->
    </div>
</header>