*,
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: 568px) {

        /* html {
                font-size: 80%;
        } */

        /* === START - HERO === */

        /* #hero .container-hero {
                width: 100%;
                height: 100%;
                position: relative;
                display: flex;
                flex-direction: column;
        } */

        /* #hero .container-hero .hero-item-1,
        #hero .container-hero .hero-item-2 {
                position: relative;
                height: 50%;
                width: 100%;
                margin: 0 auto;
        } */

        /* #hero .container-hero .hero-item-1 .hero-title .hero-item {
                position: relative;
                top: 20px;
        } */

        /* #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 span h1 {
                letter-spacing: 1rem;
        } */

        /* #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 .item {
                max-height: 70%;
        } */

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

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

        /* === CONTAINER-INDEX-FOOTER === */

        .container-index-footer {
                flex-direction: column;
        }

        /* .container-index-footer .footer-item {
                margin: 1rem auto;
        } */

        /* === END-CONTAINER-INDEX-FOOTER === */


}