#qui {
    padding-top: 2%;
}
#qui h4,
#qui .paragraphe p.titre {
    color: var(--colorViolet);
}
#qui .paragraphe p {
    color: white;
    font-size: small;
}
#qui p, #qui li {
    color: white;
}
#qui p {
    margin-bottom: 0px;
}
#qui h1 {
    margin-bottom: 4%;
    font-size: xx-large;
}


#partenaires h2 {
    font-size: medium;
}
#qui .col-12.col-lg-6{
    height: 20hv;
    display: flex;
    flex-direction: column;
}
#qui h4.projet {
    margin-top: auto;
    text-align: end;
}
#qui .paragraphe {
    margin-bottom: 4%;
}
@media only screen and (max-width: 769px) {
    #qui{
        height: auto;
    }
    #qui::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: -webkit-fill-available;
        background-color: black;
        opacity: 0.80;
        z-index: 1;
    }
}

@media only screen and (max-width: 426px) {
    #qui {
        padding-top: 16%;
    }
}