@media screen and (max-width: 992px) {
    :root {
        --interno: 30px;
        --sezione: 40px;
    }

    .padding-first {
        padding-top: 140px;
    }

    .header {
        .navbar-brand {
            svg {
                width: 200px;
            }
        }
    }

    .hero {
        height: 500px;

        &.homepage {
            height: 500px;
            background-size: contain !important;
            background-repeat: no-repeat;
            background-color: var(--color-primary);
        }
    }

    .img-immobile {
        height: unset;
    }

    iframe {
        max-width: 100%;
    }
}