.imageContener{
    display: none;
}




/*-----------------------------------------------SHELL--------------------------------------------*/

#UseCases_1_Illustration_mobile{
   width: 188%;
}



/*-----------------------------------------------EQUINOR--------------------------------------------*/

#UseCases_2_Illustration_mobile{
   width: 201%;
}

#mainPageContener .pageContener:nth-child(2) .contentContener{
    margin-top: 100px;
}

/*-----------------------------------------------TOTAL--------------------------------------------*/

#Illustration_3{
   width: 236%;
   margin-bottom: 150px;
}

#mainPageContener .pageContener:nth-child(3) .contentContener{
    margin-top: 100px;
}


@media only screen and (orientation: landscape) and (min-width: 1020px)
{

    .imageContener {
        display: block;
        width: 100%;
        height: 100%;
    }

    .contentContener{
        width: 50%;
    }

    h2 {
        margin-bottom: 30px;
    }

    h3 {
         margin-bottom: 30px;
    }

    p {
        margin-bottom: 0px;
        line-height: 17px;
        font-size: 14px;
    }

    /*-----------------------------------------------SHELL--------------------------------------------*/

    #mainPageContener .pageContener:nth-child(1) .contentContener .highLightContener{
        height: 80px;      
    }

    #mainPageContener .pageContener:nth-child(1) .contentContener .highLightContener img:nth-child(1){
        left: 50%;
        transform: translate(-50%,0);        
    }

    #mainPageContener .pageContener:nth-child(1) .imageContener img,canvas{
        height: 70%;     
        width: initial; 
    }

    /*-----------------------------------------------EQUINOR--------------------------------------------*/

    #mainPageContener .pageContener:nth-child(2) .contentContener .highLightContener{
        height: 72px;
    }

    #mainPageContener .pageContener:nth-child(2) .imageContener img,canvas{
        height: 70%;      
    }

    #mainPageContener .pageContener:nth-child(2) .contentContener{
        margin-top: 0px;
    }

    /*-----------------------------------------------TOTAL--------------------------------------------*/

    #mainPageContener .pageContener:nth-child(3) .contentContener .highLightContener{
        height: 83px;
    }

    #mainPageContener .pageContener:nth-child(3) .imageContener img{
        height: 70%;      
    }

    #mainPageContener .pageContener:nth-child(3) .contentContener{
        margin-top: 0px;
    }



}

@media only screen and (orientation: landscape) and (min-width: 1600px)
{
    

    /*-----------------------------------------------SHELL--------------------------------------------*/

    #mainPageContener .pageContener .contentContener .blocTexte p{
        line-height: 23px;
        font-size: 17px;
    }

    #mainPageContener .pageContener:nth-child(1) .contentContener .highLightContener{
        height: 128px;
    }


    /*-----------------------------------------------EQUINOR--------------------------------------------*/

    #mainPageContener .pageContener:nth-child(2) .contentContener .highLightContener{
        height: 128px;
    }

    /*-----------------------------------------------EQUINOR--------------------------------------------*/

    #mainPageContener .pageContener:nth-child(3) .contentContener .highLightContener{
        height: 110px;
    }

}

@media only screen and (orientation: landscape) and (min-width: 1900px)
{
    h2 {
        margin-bottom: 30px;
    }

    h3 {
         margin-bottom: 30px;
    }

    p {
        margin-bottom: 30px;
        line-height: 23px;
        font-size: 16px;
    } 

    /*-----------------------------------------------SHELL--------------------------------------------*/

    #mainPageContener .pageContener:nth-child(1) .contentContener .highLightContener{
        height: 100px;      
    }

    #mainPageContener .pageContener:nth-child(1) .contentContener .highLightContener img:nth-child(1){
        left: 50%;
        transform: translate(-50%,0);
    }   

    #mainPageContener .pageContener:nth-child(1) .imageContener img,canvas{
        height: 100%;      
    }

    /*-----------------------------------------------EQUINOR--------------------------------------------*/

    #mainPageContener .pageContener:nth-child(2) .contentContener .highLightContener{
        height: 150px;
    }

    #mainPageContener .pageContener:nth-child(2) .imageContener img,canvas{
        height: 100%;      
    }

    /*-----------------------------------------------EQUINOR--------------------------------------------*/

    #mainPageContener .pageContener:nth-child(3) .contentContener .highLightContener{
        height: 100px;
    }

    #mainPageContener .pageContener:nth-child(3) .imageContener img{
        height: 100%;      
    }

}