/* Responsividade */

        @media (max-width: 768px) {

            .hamburger {

                display: block;

            }

            

            .nav-menu {

                position: fixed;

                top: 70px;

                right: -100%;

                flex-direction: column;

                background-color: var(--primary-blue);

                width: 100%;

                text-align: center;

                transition: 0.3s;

                box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);

                padding: 1rem 0;

            }

            

            .nav-menu.active {

                right: 0;

            }

            

            .nav-menu li {

                margin: 1.5rem 0;

            }

            

            .hero h1 {

                font-size: 2rem;

            }

        }