/* Layout di base fluido */
body {
    margin: 0;
    font-family: Arial, sans-serif;
}

.container {
    width: 100%;
    max-width: 1200px; /* Non si allarga oltre 1200px su desktop */
    margin: 0 auto;
    padding: 10px;
}

img {
    max-width: 100%; /* Le immagini si adattano al contenitore */
    height: auto;
}

/* Media Query per Mobile (schermi inferiori a 768px) */
@media screen and (max-width: 768px) {
    .container {
        width: 100%;
        padding: 5px;
    }
    /* Esempio: trasformare colonne in righe */
    .colonna {
        width: 100%;
        float: none;
    }
}