@media only screen and (max-width: 1089px) {
    #tailleFenetre {
        background: orange;
    }

    #galerie {
        max-width: 800px;
    }

    #galerie li {
        height: 200px;
    }

    p {
        font-size: 16px;
    }
}

@media only screen and (max-width: 857px) {
    #tailleFenetre {
        background: red;
    }

    #galerie {
        flex-direction: column;
        gap: 5vmin;
    }

    #galerie li {
        height: auto;
        width: 50vw;
    }

    h1 {
        font-size: 75px;
    }
    
    p {
        font-size: 14px;
        letter-spacing: 3px;
        width: 70%;
    }
    
}

@media only screen and (max-width: 554px) {
    #tailleFenetre {
        background: blue;
    }

    h1 {
        font-size: 40px;
    }
    
    p {
        font-size: 12px;
        letter-spacing: 3px;
        width: 80%;
    }
    
}