*,
html,
body {
        margin: 0;
        padding: 0;
        scroll-behavior: smooth;
        font-family: 'Roboto', sans-serif;
}

ul li {
        list-style-type: none;
        margin: 7px auto;
}

a {
        text-decoration: none;
}

@media (max-width: 450px) {

        /* html {
              font-size: 65%;
       } */
        
        /* === START - HERO === */

        /* #hero .container-hero .hero-item-1 .hero-title .hero-item span {
                display: flex;
                justify-content: center;
        }

        #hero .container-hero .hero-item-1 .hero-title .hero-item {
                text-align: center;
        }

        #hero .container-hero .hero-item-1 .hero-title .hero-item h4 {
                display: flex;
                justify-content: center;
                text-align: center;
                text-indent: 0;
        }

        #hero .container-hero .hero-item-2 .hero-carousel img {
                max-width: 75%;
        } */

        /* === END - HERO === */

}