@media only screen and (max-width: 600px) {



    html, body {
        height: 100%;
        width: 100%;
        scroll-snap-type: y mandatory;


    }

    section {
        scroll-snap-align: start;
        height: 100% !important;
        width: 100% !important;
    }


    .desktop {
        display: none !important;
    }

    #locandina, #progetto, #associati, #contatti {
        width: 100%;
        height: 100%;
     }



/* LOCANDINA */

    #oscura img {
        width: 80%;
        height: auto;
    }

    #logohome {
        width: 150px;
    }

    .immaginelocandina img {
        height: auto;
        width: 100%;
    }
    
    .bollinodata img {
        width: 130px;
    }

    .testolocandina, .socilocandina  {
        display: none;
    }

    .datalocandinaparole {
        height: 200px;
    }

    .meseoralocandina {
        font-size: 16px;
        height: 25px;
        line-height: 25px;
    }

    .datalocandinaparole h1 {
        font-size: 26px;
        height: 75px;
        line-height: 75px;
        margin:  0 0;
        padding:  0 0;
        font-weight: bolder;
    } 

    .datalocandinaparole h2 {
        font-size: 20px;
        height: 30px;
        line-height: 10px;
    }

    .locationlocandina {
        font-size: 12px;
        height: 30px;
        font-weight: bold;
        line-height: 15px;
    }

    .footerlocandina {
        height: min-content;
        padding:  0 10px;
       
    }

    .footerlocandina h1 {
        font-size: 26px;
        margin: 5px 0;
    }

    .footerlocandina h3 {
        font-size: 16px;
        line-height: 22px;
    }

     .rigalogo.centrato.responsive {
         display: none;
     }


        .sponsorlocandina.responsive {
            width: 100%;
            height: 80px;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;        
        
    }


    .sponsoricon {
        display: flex;
        align-items: center;
        justify-self: center;
        margin: 0 5%;
    }
    .sponsoricon img {
        height: 40px;
        width: auto;
        flex-shrink: 0;
        margin: 0 0;
    }


/* ASSOCIATI */

#tessera {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 10px;
}

#tessera img {
    width: 350px;
    height: auto;
}

#tessera span {
    font-size: 14px;
}

/* TESSERA */

#tessera img {
    z-index: 1000;
}

/* CONTATTI */

#contatti {
    padding: 150px 10px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contattibox h2 {
    font-size: 20px;
}

.contattibox h2 b {
    font-size: 22px;
    font-weight: bolder !important;
}

.contattibox {
    margin: 15px 10%;
    padding: 0 0;
}

/* CALENDARIO */
#calendarioeventi.mobile {
    display: flex;
    flex-direction: column;
    height: auto !important;
    min-height: 100%;
    scroll-snap-type: y mandatory;
}
.eventi {
    background-image: none !important;
}

.eventrow {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0 0;
    background-color: transparent;
    z-index: 1000;
    scroll-snap-align: start;
}

.immagineevento {
    width: 100%;
    height: 100%;
    position: relative;
    flex-shrink: 1;
}

.immagineevento img {
    width: 100%;
    height: auto;
}

.circoloevento {
    position: absolute;
    top: 120px;
    left: 10px;
    width: 120px;
    height: 120px;
}
.circoloevento img {
    height: 120px;
    width: 120px;
}


.marzo10 {
    background-color: #e8a465;
}

.marzo10sfondo {
    background-image: url("../img/marzo2022/mobile/calendario/10marzo.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

.marzo24 {
    background-color: #a0bcc7;
}

.marzo24sfondo {
    background-image: url("../img/marzo2022/mobile/calendario/24marzo.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.marzo31 {
    background-color: #f18c84;
}

.marzo31sfondo {
    background-image: url("../img/marzo2022/mobile/calendario/31marzo.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

.aprile14 {
    background-color: #93bfb2;
}

.aprile14sfondo {
    background-image: url("../img/marzo2022/mobile/calendario/14aprile.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.aprile28 {
    background-color: #d7a9b6;
    color: #222 !important;
}

.aprile28sfondo {
    background-image: url("../img/marzo2022/mobile/calendario/28aprile.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.maggio12 {
    background-color: #ecc65b;
    color: #222 !important;
}

.maggio12sfondo {
    background-image: url("../img/marzo2022/mobile/calendario/12maggio.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.maggio26 {
    background-color: #aa874f;
}

.maggio26sfondo {
    background-image: url("../img/marzo2022/mobile/calendario/26maggio.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


.dataevento {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 18px;
    flex-shrink: 0;

}

.dataevento img {
    width: 100px;
    height: 100px;
    margin: 0 10px 50px 10px ;
    z-index: 1100;
}

.maintitleevento {
    height: auto;
    width: 100%;
    color: white;
    box-sizing: border-box;
    padding: 0px 10px;
    text-align: center;
    font-weight: bolder;
    margin-bottom: 0;
    padding-bottom: 5px;
}

.titoloevento {
    display: flex;
    flex-direction: column;
    color: #000;
}

.titoloeventospan {
    font-size: 2rem
}

.sottotitoloeventospan {
    font-size: 1.5rem;
}

.descrizioneevento {
    font-size: .8rem;
    width: 100%;
    height: min-content;
    padding: 0 1.5rem;
    flex-shrink: 1;
    text-align: justify;
    text-align-last: left;
    font-weight: 400;

}

.footerevento {
    height: 50px;
    width: 100%;
    padding: .5rem 1.5rem;
    font-size: .8rem;
    flex-shrink: 0;
    justify-content: center;
    display: flex;
    align-items: flex-end;
    text-align: center;
}


h1, h2, h3 {
    color: white;
}


h3 a {
    color: #ff5252 !important;
}


.marzo24 h2, .marzo24 h3, .marzo24 h1 , .maggio12 h2, .maggio12 h1, .maggio12 h3 {
    color: black;
}




.fire.sfondo {
    background-image: url("../img/rev_agosto2022/mobile/calendario/fire.jpg");
}


.tonodem.sfondo {
    background-image: url("../img/rev_agosto2022/mobile/calendario/tonodem.jpg");
}

.powersoul.sfondo {
    background-image: url("../img/rev_agosto2022/mobile/calendario/powersoul.jpg");
}

.cordaro.sfondo {
    background-image: url("../img/rev_agosto2022/mobile/calendario/cordaro.jpg");
}

.conte.sfondo {
    background-image: url("../img/rev_agosto2022/mobile/calendario/conte.jpg");
}

.duohana.sfondo {
    background-image: url("../img/rev_agosto2022/mobile/calendario/duohana.jpg");
}


.sorpresa.sfondo {
    background-image: url("../img/rev_agosto2022/mobile/calendario/sorpresa.jpg");
}


.ggquartet.sfondo {
    background-image: url("../img/2023_1semestre/mobile/calendario/20230202.jpg") !important;
}

.bluepop.sfondo {
    background-image: url("../img/rev_agosto2022/mobile/calendario/bluebop.jpg") !important; 
    
}


.jetlag.sfondo {
    background-image: url("../img/2023_1semestre/mobile/calendario/20230511.jpg") !important;
}

.kikka.sfondo {
    background-image: url("../img/2023_1semestre/mobile/calendario/20230302.jpg") !important;
}




.btn-wrapper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 30px;
}

.btn-wrapper a {
    background-color: #FFF;
    color: #222;
    padding: 20px 30px;
    margin: 3px 3px;
    border-radius: 10px 10px;
    font-weight: 600;
    font-size: 20px;
}

.doubleborder {
    width: auto;
    height: min-content;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-self: center;
    margin-top: 20px;
    border-radius: 10px 10px;
}


}