/* responsive */
    /* section apropos */
        @media screen and (max-width: 1100px) {
            .contentAbout{
                width: 450px;
                height: 330px;
            }
        }

        @media screen and (max-width: 980px) {
            .contentAbout{
                width: 400px;
                height: 300px;
            }
        }

        @media screen and (max-width: 880px) {
            .contentApropos{
                flex-direction: column;
                align-items: center;
            }

            .contentApropos:nth-child(even) .contentAbout:first-child{
                order: 1;
            }

            .contentApropos:nth-child(even) .contentAbout:last-child{
                order: 2;
                margin: -70px 0 0 0;
            }

            .contentAbout:first-child{
                width: 600px;
            }

            .contentAbout:last-child{
                margin: -70px 0 0 0;
                width: 500px;
                height: max-content;
            }

            .text_apropos{
                max-height: 250px;
            }
        }

        @media screen and (max-width: 740px) {
            .contentAbout:first-child{
                width: 500px;
            }

            .contentAbout:last-child{
                width: 450px;
            }

            .contentAbout:last-child, .contentApropos:nth-child(even) .contentAbout:last-child{
                margin: -50px 0 0 0;
            }
        }

        @media screen and (max-width: 600px) {
            .contentAbout:first-child{
                width: 400px;
            }

            .contentAbout:last-child{
                width: 350px;
            }
        }

        @media screen and (max-width: 480px) {
            .contentAbout:first-child{
                width: 100%;
                height: 250px;
            }

            .contentAbout:last-child{
                width: 90%;
            }
        }

        @media screen and (max-width: 430px){
            .contentAbout:last-child{
                padding: 16px;
            }
        }
    /* section apropos */
/* responsive */