header {
    height: 84px;
}

nav.navbar {
    position: relative;
    display:block;
    padding:0;
}

nav.menu--main {
    position:absolute;
    left:0;
    right:0;
    top:84px;
    z-index:10;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    transform:translateY(-120%);
    -webkit-transform:translateY(-120%);

}

nav.menu--main.open {
    transform:translateY(0);
    -webkit-transform:translateY(0);
}

nav.menu--main li.nav-item {
    width:100%;
    text-align: center;
    color:#ffffff;
    font-size:24px;
    background-color: rgba(255,255,255,0.8);
    padding:20px;
    border-bottom:solid 1px rgba(0,0,0,0.2);
    backdrop-filter: blur(5px);

}


#burger  {
    width:38px;
    height:38px;
    float:right;
    top:26px;
    cursor:pointer;
    z-index:12;
    position: relative;
    box-sizing: border-box;
    /*padding:4px;
    padding-top:7px;
    border:#aa243c solid 2px;
    border-radius: 4px;*/
}

.burger_stripe {
    background-color: #aa243c;
    height:3px;
    width: 100%;
    /*border-radius: 3px;*/
}
.burger_stripe_spacer {
    width: 100%;
    height:12px;
}




#header-overlay {
    position: absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    z-index:11;
    min-height:86px;
}



.navbar-expand-lg .navbar-nav {
    flex-direction: row;
}

#mainLogo {
    width:180px;
    display: block;
    margin-top:12px;
    float:left;
    z-index:15;
}

#mainLogo img {
    width:100%;
    height:auto;
}

#navbar-main {
    position: fixed;
    left:0;
    right:0;
    z-index:20;
}

#header {
    position: fixed;
    left:0;
    right:0;
    top:0;
    z-index: 15;
    background-color: white;
    -webkit-box-shadow: 0px 1px 7px 3px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 7px 3px rgba(0,0,0,0.1);

}

#page-wrapper {
    margin-top:84px;
}



@media only screen and (min-width: 992px) {
    header {
        height: 160px;
    }
    #header {
        position: initial;
    }

    #page-wrapper {
        margin-top:0;
    }

    nav.navbar {
        padding: 8px 0;
    }

    nav.menu--main li.nav-item {
        width:initial;
        text-align: initial;
        color:#ffffff;
        font-size:18px;
        background:none;
        padding:0;
        border-bottom:none;
        backdrop-filter: none;
        margin-left: 20px;

    }

    nav.menu--main li.nav-item a{
        margin:0 !important;
        padding:0 !important;

    }

    nav.menu--main ul {
        justify-content: flex-end;
    }
    nav.menu--main {
        position:relative;
        left:auto;
        right:auto;
        top:auto;
        z-index:10;
        transition: none;
        -webkit-transition: none;
        transform:translateY(0);
        -webkit-transform:translateY(0);
        margin-top:60px;

    }
    #burger {
        display: none;
    }
    a.navbar-brand {
        float:left;
    }

    #mainLogo {
        width:260px;
        top:40px;
        position: absolute;
        margin-top: 0;
    }

    #mainLogo img {
        width:100%;
        height:auto;
    }

    #navbar-main {
        position: initial;
    }
}

@media only screen and (min-width: 992px) {

}