/* Dropdown fix for mobile */
@media (max-width: 768px) {
    .dropdown {
        display: block; 
        text-align: center;
        width: 100%; /* Full width */
        margin: 10px 0; /* Spacing */
    }
    
    .dropbtn {
        display: block; /* Make link block level */
    }

    .dropdown-content {
        position: static; 
        box-shadow: none;
        background-color: #f9f9f9; 
        display: none; 
        width: 100%;
    }

    .dropdown:hover .dropdown-content {
        display: block;
    }
    
    nav ul li {
        margin: 5px 0; /* Reset side margins */
        width: 100%; /* Full width items */
        text-align: center;
    }
}