.section-projects {
    background-color: var(--bleu);
    position: relative;
    z-index: 2;
}

.section-projects .container {
    padding: 60px 0;
    display: flex;
    flex-flow: column;
    align-items: center;
}

.section-projects h2,
.section-projects p {
    color: #fff;
}

.section-projects h2 {
    margin-bottom: 60px;
}

.section-projects p.intro {
    text-align: center;
    font-weight: 200;
    margin-bottom: 35px;
}

.section-projects a.bouton {
    background-color: #fff;
    border-radius: 4px;
}

.section-projects a.bouton p {
    color: var(--bleu);
}

.section-projects .logos {
    display: flex;
    align-items: center;
    gap: 88px;
    margin-bottom: 45px;
}

@media screen and (max-width: 1024px) {
    .section-projects .logos {
        gap: 68px;
    }
}

@media screen and (max-width: 1000px) {
    .section-projects .logos {
        gap: 40px;
    }
}

@media screen and (max-width: 800px) {
    .section-projects .logos {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media screen and (max-width: 360px) {
    .section-projects .logos {
        gap: 30px;
    }
}