/* Stili di base */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    line-height: 1.6;
}

/* Stili per l'intestazione a tutto schermo */
.full-header {
    width: 100%;
    position: relative; /* Per posizionare l'h1 sopra l'immagine se necessario */
}

.full-header h1 {
    color: white;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    position: absolute; /* Rende il titolo fluttuante sopra l'immagine */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centra il titolo */
    z-index: 10;
}

.full-header img {
    width: 100%;
    height: auto;
    display: block;
}

/* Stili per la sezione a due colonne (desktop) */
.container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 40px;
    padding: 40px 20px; /* Padding su desktop */
    max-width: 1200px;
    margin: auto;
}

.column-text, .column-image {
    flex: 1;
}

.column-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
}

/* Media Query per dispositivi mobili */
@media (max-width: 768px) {
    .container {
        flex-direction: column; /* Impila le colonne su mobile */
        padding: 20px 10px; /* Riduci il padding su mobile */
    }
}