header{
    position: sticky !important;
    top: 0;
}

.has-scrolled header{
    background: linear-gradient(
        to bottom,
        rgba(220, 241, 255, 0.8),
        rgba(255, 255, 255, 0)
    ) !important;
}

@media only screen and (max-width: 767px) and (min-width: 0px){


    .is-mobile-menu-container{
        position: absolute;
        top: 0;
        left: 0;
        height: 100vh;
        background-color: #fff !important;
        position: absolute;
        transition: .2s;
        opacity: 0;
        pointer-events: none;
    }

    .mobile-menu-active .is-mobile-menu-container{
        opacity: 1;
        pointer-events: all;
        transition: .2s;
    }

    .is-mobile-menu-container .header-nav-link p{
        font-size: 28px !important;
    }

    .is-mobile-menu-container .header-nav-link{
        transform: translateY(-10px);
        opacity: 0;
        transition: .5s;
    }

    .mobile-menu-active .is-mobile-menu-container .header-nav-link{
        transform: translateY(0px);
        opacity: 1;
        transition: .5s;
    }
}

@media only screen and (min-width: 767px){
    .is-burger-menu,
    .is-mobile-menu-container{
        display: none !important;
    }
}