@charset "UTF-8";
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    #prodotti {
        padding-top: 50px;
    }

    #occasioni {
        padding: 100px 0;
        position: relative;
    }

    #autori {
        padding: 100px 0;
    }

    h1 {
        font-size: 2.8rem;
    }

    #prodotti-realizzati h1 {
        font-size: 2.8rem;
    }

    .accordion-button {
        font-family: 'Montserrat', sans-serif;
        font-weight: 800;
        font-size: 1.8rem;
    }

    .slide-prodotti {
    }

    #busta {
        padding: 100px 0 0 0;
    }

    footer {
        padding: 80px 0;
    }

    .scrivi-scritta {
        max-width: 80%;
    }

    footer .logo-footer {
        width: 220px;
        padding-bottom: 5px;
        margin-top: -30px;
    }

    #step ul li:first-child {
        padding-left: 80px;
        padding-right: 80px;
    }

    #step ul li {
        padding: 25px 80px 25px 30px;
    }

    .bottone-azzurro-libro h3 {
        font-family: 'Roboto Slab', serif;
        font-size: 1.4rem;
        font-weight: 800;
    }

    #promo .modal-body h4 {
        padding: 3px 30px;
        font-size: 2rem;
        line-height: 4rem;
    }

    .modal-login {
        background-image: url("../images/bg-modal.webp");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        text-align: center;
        padding: 10px 40px;
    }

    .modal-dialog {
        --bs-modal-width: 60%;
    }

    .tab a.active {
        font-size: 1.8rem;
    }

    .tab a {
        font-size: 1.7rem;
    }
}