#ligne_page_qui_suis_je{
    
    display : flex;
    flex-direction: row;
    justify-content: center;
    
    gap : 5%;
    
    min-height : 85vh;
    width : 95vw;
    
    margin-top : 5vw;
    
}


#gauche_page_qui_suis_je{
    
    width : 40%;
    
    
}

#gauche_page_qui_suis_je img{

    height : auto;
        width : 75%;
    
    border-radius : 2vw;
      box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}


#droite_page_qui_suis_je{
    
    height : auto;
    width : 55%;
    text-align: left ;
    
    font-size: 1.5vw;
    
    padding-left : 3%;
    padding-right : 3%;
    
    display : flex;
    flex-direction: column;
    align-items: center;;
    
    
}

#droite_page_qui_suis_je img{
    margin-top : 2vw;
}



/*-------------------------------------------------- RESPONSIVE -------------------------------------------------*/

@media (max-width: 768px){
    
    
    #ligne_page_qui_suis_je{
    
    flex-direction: column;
    justify-content: start;
    
    
    /*height : 85vh;*/
    width : 100vw;
    height : auto;
    
    
    align-items: center;
    
    gap : 0;
    
}

#droite_page_qui_suis_je{
    
    width : 90%;
    text-align: center ;
    
    font-size:3vw;
    
    padding-left : 5%;
    padding-right : 5%;
    
    
    
}

#gauche_page_qui_suis_je{
    
    padding-bottom : 10%;
    
    
}


#gauche_page_qui_suis_je img{

    height : auto;
    width : 75%;
    
}


#droite_page_qui_suis_je img{
    
width : 40%;
    
}
    
    
    
}