@media screen and (max-height: 868px) {
    .black .nom h1 {
        font-size: 35px;
    }
    .white .titre h1 {
        color: #1a1818;
        font-size: 35px;
    }
    .titre_propros h1 {
        padding: 5px 0!important;
        background: #1a1818;
        color: #ece7e1!important;
    }
    .titre_projet_01 h1 {
        font-size: 25px!important;
    }
    .titre_projet_02 h1 {
        font-size: 25px!important;
    }
    .titre_projet_03 h1 {
        font-size: 25px!important;
    }
    .propos p {
        font-size: 17px;
    }
    .projet_01 p {
        font-size: 13px;
    }
    .projet_02 p {
        font-size: 13px;
    }
    .projet_03 p {
        font-size: 13px;
    }
    .projet_01 img {
        width: 250px!important;
        height: auto;
    }
    .projet_02 img {
        width: 250px!important;
        height: auto;
    }
    .projet_03 img {
        width: 250px!important;
        height: auto;
    }

}