@media screen and (max-width:1800px) {
    
    
    
/* ------- Trucs à changer pour la mise à jour ------- */    
    
#hero {
    background-image: url(../imgs/Proj_1/Maquette_portfolio_Elan_Hero.png);
    background-attachment: scroll;
}    
    
.lt{
        height: 310px;
 }
    
#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);
    }



    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

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




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

    #info {
        height: 800px;
        width: 100%;
        /*background-color: brown;*/
        display: flex;
        flex-direction: column;
        justify-content: center;
    }


    #prez {
        height: 75%;
        display: flex;
        flex-direction: column;
        align-items: space-evenly;
        margin-left: 211px;
        margin-right: 211px;
    }
    
    #prez h2{
        margin-bottom: -150px;
    }


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

    }

    #contenu h3 {
        margin-bottom: 25px
    }

    .defis {
        width: 60%;
        /*background-color: red;*/
    }

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






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

    #image-intro{
        height: 100%;
        display: flex;
    }
    
    #about {
        height: 100vh;
        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: 70%;
        height: 60%;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }

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

    }

    #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) {
    
    
    
    #prez {
        /*background-color: aquamarine;*/
        height: 700px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-left: 50px;
        margin-right: 50px;
    }
    
    #client{
        height: 800px;
    }
    
    /*#about{
        height: 150vh;
    }*/
    
        
    #values-1{
        margin-bottom: 
    }
    
    
    #client div {
        width: 650px;
    }
    #solution{
        height: 80vh;
    }
    
    #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: 400px;
    }
    
    #info{
        height: 1100px;
    }
    
    #prez{
        height: 920px;
    }
    
    #about{
        height: 130vh;
    }
    
    #image-intro{
        height: 50%;
    }
    #client{
        margin-top: 50px;
        height: 67%;
        justify-content: center;
    }
    
    #client div{
        height:100%;
        width: 90%
    }
    
    #values-1{
        height: 900px  
    }
    
    
    #process{
        height: 900px
    }
    
    #process-droite{
        height: 70%;
    }
    
    #ig{
        margin-top: 25px;
        margin-bottom: -100px;
    }
    
    solution{
        height: 
    }
    
    #sol{
        margin-top: 0px;
        height: 70vh
    }
    
    
}
    
    
@media screen and (max-width:674px) {

.navigation {
    font-size: 18px;
    
}

    
}