.about-content {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    /*background-color: var(--romantic);*/
}

img {
    max-width: 100%;
    height: auto;
}

.about-content h1 {
    text-align: center;
    margin-bottom: 30px;
}

.mission, .team, .slogan, .signature {
    margin-bottom: 30px;
    text-align: center;
}

.mission, .team {
    padding: 30px 20px;
}

.mission p {
    font-size: 1em;
    font-family: var(--font-family-sofiapro-regular);
}

.team-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.team-member {
    padding: 15px;
    text-align: center;
}

.team-member figure {
    margin: 0;
    padding: 0;
}

.team-member img {
    width: 200px;
    height: auto;
    margin-bottom: 10px;
}

.team-member figcaption {
    font-weight: bold;
    color: #2c3e50;
}

.slogan {
    padding: 30px 20px;
}

.slogan p {
    font-size: 1em;
    font-family: var(--font-family-sofiapro-regular);
}

.signature {
    font-style: italic;
}

/* Media query pour les écrans de 768px et plus */
@media screen and (min-width: 768px) {
    .about-content {
        max-width: 1200px;
    }

    h1 {
        font-size: 2.5em;
    }



    .mission h2, .team h2, .slogan h2 {
        font-size: 2em;
    }

    .mission p {
        font-size: 1.1em;
        max-width: 800px;
        margin: 0 auto;
    }



    .slogan {
        padding: 50px 40px;
        font-size: 2em;
    }
}