@media screen and (max-width: 900px) {
    .onlymobile{
        display: block;
    }
    .onlydesktop{
        display: none;
    }
    section.cv .photo{
        height: auto;
    }
    section.cv .right .marge{
        padding: 0px 20px;
    }
    section.cv .agence{
        padding: 0px 0px 30px;
    }
    section.cv .split{
        grid-template-columns: none;
        display: flex;
        flex-direction: column-reverse;
        /*flex-direction: column-reverse;*/
    }
    h1{
        margin: 0 0 20px;
    }
    h2{
        margin: 0 0 20px;
    }
    .coors {
        font-size: 20px;
    }    
    .photo{
        height: 25vh;
    }
    .fill{
        display: none;
    }
    .marge{
        padding: 0 20px;
    }
    .left .marge{
        margin-bottom: 0;
    }
    .right .marge{
        padding: 0 20px;
    }
    .agence{
        padding: 0 20px 30px;
    }
    .separatorcontainer {
        padding: 20px 0;
    }
}