/* Responsive */

        @media (max-width: 768px) {

            .header-container {

                flex-direction: column;

            }

            

            nav ul {

                margin-top: 20px;

                flex-wrap: wrap;

                justify-content: center;

            }

            

            nav ul li {

                margin: 5px 10px;

            }

            

            .hero h2 {

                font-size: 2rem;

            }

            

            .product-container {

                flex-direction: column;

            }

        }