/* CryptoBook Menu Styles - Include this in pages that use the menu component */
#cryptobook-menu {
    width: 100%;
    background-image: url(images/lighter_background_gradient.png);
}

/* Import the existing menu styles */
@import url('menu.css');

/* Additional responsive styles for the menu component */
@media (max-width: 768px) {
    #cryptobook-menu #menu {
        flex-direction: column;
    }
    
    #cryptobook-menu #menu li {
        width: 100%;
    }
}