@media screen and (max-width: 880px) {
    .Phone {
        display:none;
    }

    .PhoneSize {
        width:90%;
    }

    .FooterTesto{
        text-align:left;
    }

    .MappaPhone{
        height:350px;
    }

    .br {
        display: normal;
    }

    .brPhoto {
        display: normal;
    }

    .brPhotoRow {
        display: none;
    }

    .ClasseClub{
        display:none;
    }

    .ClasseClubSecondo {
        display: normal;
    }

    .localClass {
        background-attachment: local;
    }
}


@media screen and (min-width: 801px) {

    .PhoneSize {
        width: 100%;
    }

    .localClass {
        background-attachment: fixed;
    }

    .Phone {
        display: normal;
    }

    .ClasseClub {
        display: normal;
    }

    .ClasseClubSecondo {
        display: none;
    }

    .MappaPhone {
        height: 720px;
    }

    .br {
        display: none;
    }

    .brPhoto {
        display: none;
    }

    .brPhotoRow {
        display: normal;
    }
}


/* → Testi più grandi e tappabili su mobile */
@media (max-width: 767.98px) {
    /* base */
    body {
        font-size: 18px;
    }
    /* prima era ~16px */
    h3, h4, h5 {
        font-size: clamp(22px, 6vw, 28px);
    }

    /* elenco sedi */
    .menu-club li {
        margin-bottom: 14px;
        line-height: 1.4;
        font-size: clamp(18px, 5.2vw, 22px); /* + dimensione */
    }

        .menu-club li span,
        .menu-club li a {
            display: inline-block;
            font-size: inherit; /* eredita dal li */
        }

            .menu-club li a[href^="tel:"] {
                display: block;
                margin-top: 6px;
                font-weight: 700;
                line-height: 1.7;
                padding: 10px 0; /* area clic più ampia */
                font-size: clamp(18px, 5.6vw, 24px);
                text-decoration: none;
                -webkit-tap-highlight-color: transparent;
            }

    /* box ricerca */
    form {
        width: 240px;
        height: 56px;
    }

    .inputto {
        height: 50px;
        font-size: 18px; /* testo input più grande */
        border-radius: 24px;
    }

    .fallo {
        width: 56px;
        height: 56px;
        font-size: 1.4em;
    }

    /* qualche testo laterale utile */
    .sidebar, .dati-club {
        font-size: 18px;
    }
}