/* Responsive Styles */

/* Example: Styles for screens smaller than 768px (tablets/mobile) */
@media (max-width: 768px) {
    /* Adjust container width, font sizes, layout, etc. */
    .container {
        /* Example: Reduce padding or max-width */
    }

    /* Adjust header/nav for mobile */
    header nav ul {
        /* Example: Hide desktop nav, show mobile menu toggle */
    }

    /* Adjust other elements as needed */
}

/* Example: Styles for screens smaller than 480px (small mobile) */
@media (max-width: 480px) {
    /* Further adjustments for very small screens */
}