/* font */

@media (max-width: 992px) {
    h2 {
        margin-bottom: 2.5rem;
    }
    
    p {
        font-size: 1.6rem;
    }

    ul {
        gap: 1.7rem;
    }

    ul li {
        font-size: 1.6rem;
    }
}

/* generale */

@media (max-width: 991px) {
    section {
        padding: 4rem 0;
    }
}

@media (min-width: 992px) {
    .mobile,
    img.mobile,
    .mobile-table {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .desktop,
    img.desktop {
        display: none !important;
    }
}

/* navbar */

@media (max-width: 991px) {
    .bar.red li {
        font-size: 1.4rem;
    }
    header .navbar {
        display: none !important;
    }
}

@media (min-width: 992px) {
    header .nav-mobile {
        display: none;
    }
}

/* footer */

@media (max-width: 991px) {

    footer {
        padding-top: 4rem;
    }
    footer img.logo {
        width: 30rem;
    }
}

@media (max-width: 991px) {

    /* Section 1 */
    .section-1 {
        height: 50rem;
        background-position: center;
    }

    .section-1 h1 {
        font-size: 5rem;
        line-height: 6rem;
    }

    /* Section-2 */
    .section-2 .box.mini h2 {
        font-size: 3.5rem;
        line-height: 3.5rem;
    }

    /* Section-3 */
    .section-3 h2 {
        font-size: 4rem;
        margin-bottom: 2rem;
    }

    /* Section-4 */
    .section-4 .box {
        padding: 2rem;
        margin-top: 2rem;
    }

    .section-4 h2 {
        font-size: 4rem;
        line-height: 4rem;
        margin-bottom: 8rem;
    }

    .section-4 h3 {
        font-size: 2rem;
    }

    /* Section 5 */
    .section-5 {
        margin: 4rem 0;
    }

    .section-5 h2 {
        font-size: 3rem;
        margin-bottom: 2rem;
    }

    .section-5 p {
        font-size: 1.8rem;
        margin-bottom: 8rem;
    }

    .section-5 .valori {
        gap: 3rem;
        justify-content: center;
    }
    
    /* Section 6 */
    .section-6 .box {
        padding: 2rem;
        margin-top: 2rem;
    }
    
    .section-6 .box.first h2 {
        font-size: 4rem;
        line-height: 4.5rem;
        margin-bottom: 10rem;
    }

    .section-6 .box.second h2,
    .section-6 .box.third h2 {
        color: var(--White);
        font-size: 3rem;
        line-height: 3.5rem;
        margin-bottom: 8rem;
    }
    
    /* Section 7 */
    .section-7 {
        padding: 4rem 0 9rem 0;
        margin: 4rem 0
    }

    .section-7 h2 {
        font-size: 4rem;
        line-height: 4.5rem;
        margin-bottom: 4rem;
    }

    /* Section 8 */
    .section-8 .box.big {
        padding: 2rem;
    }

    .section-8 .box.mini {
        padding: 2rem;
    }

    .section-8 .box.big h2 {
        font-size: 4rem;
        line-height: 4.5rem;
        margin-bottom: 10rem;
    }

    .section-8 .box.big h3 {
        font-size: 2rem;
        margin-bottom: 0.5rem;
    }

    .section-8 .box.mini h2 {
        font-size: 3rem;
        line-height: 3rem;
        margin-bottom: 3rem;
    }

    .section-8 .box.mini ol li {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .section-8 .box.mini ol li::marker {
        font-size: 3rem;
        line-height: 2rem;
    }

    /* Section 9 */
    .section-9 {
        padding: 20rem 0 4rem 0;
        margin-bottom: 4rem;
        aspect-ratio: 390/559;
        width: 100%;
        height: 55rem;
    }
    
    .section-9 h2 {
        font-size: 4rem;
        line-height: 4.5rem;
        margin-bottom: 4rem;
    }

    .section-9 h3 {
        font-size: 2.5rem;
        line-height: 2.5rem;
        margin-bottom: 2rem;
    }

    .section-9 p {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    /* Section 11 */
    .section-11 {
        margin: 4rem 0;
    }
    
    /* Section 12 */
    .section-12 {
        position: relative;
        padding: 0 0 4rem 0;
    }
    
    .section-12 h2 {
        margin-bottom: 2.5rem;
        font-size: 3.5rem;
        line-height: 4rem;
    }

    /* Section 13 */
    
    .section-13.mobile {
        background-color: var(--Black);
    }
    
    /* Section 14 */
    .section-14 {
        height: 25rem;
        margin: 0 0 4rem 0;
    }
    
    /* Section 15 */
    
    .section-15 h2 {
        font-size: 3rem;
        line-height: 3.5rem;
        margin-bottom: 4rem;
    }

    .section-15 h3 {
        font-size: 2rem;
    }

    /* Section 16 */
    .section-16 {
        background-position: bottom left;
    }

    .section-16 h2 {
        font-size: 4rem;
        line-height: 4.5rem;
        margin-bottom: 3rem;
    }

    .section-16 .accordion-item {
        margin-top: 1rem;
    }

    .section-16 .accordion-button {
        font-size: 2rem;
        font-weight: 500;
        padding: 2rem 1.5rem 2rem 2.5rem;
    }

    .section-16 .accordion-body {
        padding: 0 1.5rem 2rem 2.5rem;
    }

    /* Section 17 */
    .section-17 {
        height: 30rem;
        padding-bottom: 2rem;
        background-image: unset !important;
    }

    .section-17 h1 {
        font-size: 5rem;
        line-height: 5rem;
        margin-bottom: 2rem;
        color: var(--Black);
    }

    .section-17 p {
        color: var(--Black);
    }

    /* section-18 */
    .section-18 {
        padding-top: 3rem;
    }

    .section-18 h2 {
        font-size: 3.5rem;
    }
    
    .section-18 h3 {
        font-size: 2rem;
    }

    /* section-19 */
    .section-19 h2 {
        line-height: 4.5rem;
    }

    .section-19 h3 {
        line-height: 3rem;
    }
    
    /* section-20 */
    .section-20 h1 {
        font-size: 5rem;
        line-height: 5rem;
        margin-bottom: 4rem;
        margin-top: 0;
    }
    
    .section-20 h2 {
        font-size: 3.5rem;
        line-height: 3.5rem;
        margin-bottom: 4rem;
    }

    .section-20 h3 {
        font-size: 2rem;
        margin-bottom: 2rem;
    }
    
    /* section-21 */
    .section-21 {
        padding-top: 4rem;
    }
    
    .section-21 h1 {
        font-size: 3rem;
    }

    .section-21 .mt-h3.mini {
        margin-top: 5rem;
    }

    .section-21 .app_scroll {
        flex-wrap: nowrap;
        overflow-y: hidden;
        overflow-x: scroll;
        justify-content: left !important;
    }

    .section-21 .app_scroll > .text-center {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        margin-bottom: 1.5rem;
    }

    /* section-23 */
    @media (max-width: 991px) {
        .section-23 h2 {
            font-size: 4rem;
            margin-bottom: 2rem;
        }
    }
    
    /* section-24 */
    .section-24 .box {
        padding: 2rem;
    }

    /* section-25 */
    .section-25 h2 {
        font-size: 2rem;
    }

    /* section-26 */

    .section-26 h2 {
        font-size: 3rem;
        line-height: 3.5rem;
        margin-bottom: 2rem;
    }

    .section-26 p {
        margin-bottom: 2rem;
    }
    
    /* section-27 */
    .section-27 h1 {
        font-size: 4rem;
        font-weight: 500;
        line-height: 4.5rem;
        margin-bottom: 5rem;
    }
    
    .section-27 p {
        font-size: 2.5rem;
        line-height: 3rem;
    }

    /* section-28 */
    .section-28 h2 {
        font-size: 3.5rem;
        line-height: 4rem;
        margin-bottom: 1.5rem;
        text-align: center;
    }
    
    .section-28 p {
        text-align: center;
    }

    /* section-29 */
    .section-29 h2 {
        font-size: 3.5rem;
        margin-bottom: 0.5rem;
    }

    .section-29 h3 {
        font-size: 2.5rem;
        margin-bottom: 5rem;
    }

    .section-29 h4 {
        font-size: 2.5rem;
    }

    .section-29 img {
        rotate: 90deg;
    }

    /* section-30 */
    .section-30 .box.img {
        padding: 2rem;
    }

    .section-30 .box.form {
        padding: 2rem;
    }

    .section-30 .box.img h2 {
        font-size: 4rem;
        line-height: 4rem;
    }

    .section-30 .box.form h2 {
        font-size: 2.5rem;
        line-height: 3.5rem;
    }
    
    /* section-31 */
    .section-31 .sopra-titolo,
    .section-31 h2 {
        text-align: left;
    }

    .section-31 .slide-header {
        display: block;
    }

    .section-31 .slide-number {
        font-size: 6rem;
    }

    .section-31 .slide {
        gap: 1rem;
        flex-direction: column;
    }

    .section-31 .carousel-arrows {
        bottom: unset;
        top: 40px;
        left: unset;
        right: 0;
    }

    /* section-33 */
    .section-33 img {
        width: 70px;
        height: 70px;
    }

    .section-33 h1 {
        font-size: 4rem;
        line-height: 4rem;
    }

    .section-33 h2 {
        font-size: 10rem;
        line-height: 10rem;
    }

    .section-33 h3 {
        font-size: 2.5rem;
    }

    /* section-34 */
    .section-34 h1 {
        font-size: 5rem;
        line-height: 5.7rem;
    }

    .section-34 h2 {
        font-size: 3rem;
        line-height: 3.5rem;
        margin-bottom: 2rem;
    }

    .section-34 h3 {
        font-size: 2rem;
        line-height: 2.5rem;
        margin-bottom: 2rem;
    }

    .section-34 p {
        height: 40px;
    }

    /* section-35 */
    .section-35 img {
        height: 300px;
    }
    
    .section-35 h1 {
        font-size: 3.5rem;
        line-height: 4.5rem;
        margin-bottom: 3rem;
    }

    .section-35 h2 {
        font-size: 3rem;
        line-height: 3.5rem;
        margin-bottom: 2rem;
    }
    
    .section-35 h3 {
        font-size: 2.5rem;
        line-height: 2.8rem;
    }

    .section-35 h4 {
        line-height: normal;
    }

    .section-35 h4.other {
        margin-top: 5rem;
    }

    /* order pages */
    .order-payment img {
        width: 80px;
        height: 80px;
        margin-bottom: 2rem;
    }

    .order-payment h1 {
        font-size: 3.5rem;
    }

    /* reserved */
    .reserved .card_shadow {
        padding: 2rem;
    }

    .reserved .step img {
        width: 65px;
        height: 65px;
    }

    /* card */
    .card.article {
        margin-top: 1.5rem;
    }
    
    .card.article p {
        height: 40px;
    }
}