@media screen and (max-width:1800px) {
    
    
    
/* ------- Trucs à changer pour la mise à jour ------- */    
    
#hero {
    background-image: url(../imgs/Proj_1/_finalhero_Hero_Hero.png);
    background-attachment: scroll;
    height: 75vh;
    background-position: top;
}    
    
h2{
    font-size: xx-large;
    margin-bottom: 1vh;
 }
    
#apercu{        
background-image: url(../imgs/Gabarit/Gabarit_identit%C3%A9_visuelle_about_Pr%C3%A9sentation%20syst%C3%A8me%20compl%C3%A8t.png);
}

#client{
    height: 700px;
}

#client div{
    height: 80%;
}
    
    #logo-mobile{
        
    }


    #conclusion{
        background-image:url(../imgs/Proj_1/Maquette_portfolio_Elan_logo_final_mobile.svg);
    }



    
    
    p{
        font-size: small;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

/* ------- pas de parallax ------- */




    /* --------- Intro projet ---------*/

    #info{
        height: 94vh;
    }

    #prez {
        height: 74%;
        display: flex;
        flex-direction: column;
        align-items: space-around;
        margin-left: 211px;
        margin-right: 211px;
    }
    
    #prez h2{
    }


    #contenu {
        /*background-color: dimgrey;*/
        display: flex;
        height: 59%;
        justify-content: space-between;
        flex-direction: column;

    }

    #contenu h3 {
        margin-bottom: 25px
    }

    .defis {
        width: 97%;
        margin-bottom: -31%;
        /*background-color: red;*/
    }

    #d {
        width: 100%;
        /*background-color: red;*/
        display: flex;
        margin-top: 11%;
    }






    /* --------- À propos de l'entreprise client --------- */

    #image-intro{
        height: 100%;
        display: flex;
    }
    
    #about {
        height: 120vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-attachment: scroll;
        background-image: none;
        background-size: cover;
    }
    
    
    
    #client{
        height;00px;
        margin-left: 0px;
    }

   

    #client div {

        width: 714px;
        /*background-color: brown;*/
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }

    /*#values-1 {
        background-color: brown;
        width: 77%;
        margin-top: 50px;
    }
*/


    
    
    
    
     /* --------- Process --------- */

    #process {
        height: 625px;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #container {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        height: 100%
    }

    #process-droite {
        width: 64%;
        height: 51%;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }

    #process-droite p {
        margin-right: 16px;

    }

    #ig {
        margin-top: -75px;
        
    }


    


   



    /*--------- Logo ---------*/

    #logo {
        display: none;
    }

  



    #variantes-logo {
        /*changer la DIV pour une IMG dans html*/
        /*background-color: aqua;*/
        height: 360px;
        width: 100%;
        font-size: 100px;
        display: flex;
        justify-content: space-around;
        margin-top: 0px;
        /*background-image: */
    }

    .variante {


    }

    #conclusion{
        background-attachment: scroll;
    }




    

}





    @media screen and (min-width:1800px) {
    
    #logo-mobile {
display: none;
    }
}
    

    

    
    
    
    






@media screen and (max-width:1230px) {
    
    
    
    #client div {
        width: 650px;
    }

    
    #sol{
        width: 650px;
        height: 50vh;
        margin-left: 50px;
        margin-right: 50px;
        
    }
    
        
    
}



@media screen and (max-width:1030px) {
    
    
    #process-droite{
        width: 100%;
        margin-left: 50px;
        margin-right: 50px;
        
        
    }
    
}


@media screen and (max-width:969px) {
    #hero{
        height: 500px;
    }
    
    #conclusion{
        height: 50vh;
    }

    #prez h2{
        margin-bottom: 0px;
    }



@media screen and (max-width:720px) {
    
    #hero{
        height: 43vh;
        background-position: top
    }
    
    #info{
        height: 126vh;
    }
    
    #prez{
        height: 920px;
    }
    
    #about{
        height: 80vh;
    }
    
    #image-intro{
        height: 57%;
    }
    #client{
        margin-top: 25px;
        height: 126vh;
        justify-content: center;
    }
    
    #client div{
        height:77%;
        width: 90%
    }
    
 
    
    #process{
        height: 96vh;
        background-image: none;
        
    }
    
    #process-droite{
        height: 70%;
        width: 97%;
        padding-left: 3%;
    }
    
    #process-droite p{
        margin-left: -px;
    }
    
    #ig{
        margin-top: 25px;
        margin-bottom: -100px;
    }
    
    solution{
        height: 61vh;
    }
    
    #sol{
        margin-top: 0px;
        height: 70%;
    }
    
    
}
    
    
@media screen and (max-width:674px) {

.navigation {
    font-size: 16px;
    line-height: 20px;
    
}

    
}