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



    #page1,
    #page2 {
        width: 100%;
        position: relative;
    }


    #pag21,
    #pag22 {
        position: relative;
        margin: 10px auto; /* Allinea al centro */
        height: auto; /* Imposta altezza automatica per adattarsi al contenuto */
        max-height: 50vh; /* Limita l'altezza al 50% dell'altezza visibile dello schermo */
        overflow-y: auto; /* Aggiungi scorrimento verticale se necessario */
        padding: 20px; /* Aggiungi spazio interno per il contenuto */
        width: 90%; /* Imposta larghezza al 90% del contenitore */
        max-width: 600px; /* Limita la larghezza massima a 600px per una migliore leggibilità */
        box-sizing: border-box; /* Assicura che il padding non influenzi la larghezza */
    }


    .container {
        display: flex;
        flex-direction: column; /* Allinea verticalmente */
        align-items: center; /* Allinea al centro */
    }

    #video {
        display: none; 
    }






    #divisore,
    #divisore2 {
        display: none;
    }
    #responsiveDivider {
        width: 100%;
        height: 2px;
        background-color: #ccc; 
        margin: 10px auto;
    }

}