#burger-menu-trigger {
    display: none;
}

@media (max-width: 768px) {
    #burger-menu-trigger {
        display: flex;
    }
}

#burger-menu {
    display: flex;
}

#burger-menu.hidden {
    display: flex;
}

@media (max-width: 768px) {
    #burger-menu {
        width: 100vw;
        max-width: 500px;
        position: absolute;
        top: 32px;
        right:0;
        background: white;
        flex-direction: column;
        
    }
    #burger-menu.hidden {
        display: none;
    }

}