header {
    height: auto;
    width: 80%;
    color: rgb(0, 0, 0);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-top: 1%;
}

header h1 {
    font-size: 2.5rem;
    margin-bottom: 20px;
    margin-top: 3%;
    position: relative;
    color: #f4a261;
}

header p {
    width: 65%;
    font-size: 1.5rem;
    margin: 10px 0;
    color:black;
}

header .notVisible {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* Questa parte è quella dentro commonStyles.css */
#contact {
    min-width: 60%;
}

@media (max-width: 768px) {
    body {
        font-size: 14px; /* Riduci la dimensione del font per migliorare la leggibilità su mobile */
    }

    header {
        margin-top: 5%; /* Aggiusta il margine superiore per dispositivi mobili */
    }

    header h1 {
        font-size: 2rem; /* Riduci la dimensione del titolo per dispositivi mobili */
        margin-bottom: 15px; /* Riduci il margine inferiore */
    }

    header p {
        width: 90%; /* Aumenta la larghezza del paragrafo per adattarlo meglio ai dispositivi mobili */
        font-size: 1.2rem; /* Riduci la dimensione del testo per dispositivi mobili */
    }
}