@media (max-width: 1000px) {
    header {
        max-width: 90%;
    }
    
        header h1.p {
            font-size: 1.5rem;
        }
    
    main div.row {
        flex-direction: column;
    }

        main div.row > div {
            width: 90%;
        }

        main div.row .welcome-box{
            padding-top: 75px;
            padding-bottom: 75px;
            width: 90%;
        }

    .l1, .l2, .l3 {
        height: fit-content;
        max-height: none;
    }

    .l2 div {
        padding-right: 0;
        height: 550px;
    }

    .l2 p {
        max-width: 80%;
    }

    /*.l2 .eris {
        background-position: 0 150%;
    }

    .l2 .worldWhere {
        background-position: 0 130%;
    }

    .l2 .paper {
        background-position: -50% 120%;
    }*/

    .l2 div h3 {
        font-size: .9rem;
    }

    .l3 .jymeo, .l3 .ocs {
        width: 95%;
    }

    .l3 .jymeo .infos, .l3 .ocs .infos {
        padding-bottom: 20px;
        height: fit-content;
    }

    .l3 .tools-knowledge {
        width: 80%;
    }

    .old-work {
        overflow-x: auto;
    }

    .old-work span {
        margin-right: 4vw;
    }

    .old-work img {
        opacity: .9;
    }
}