/* =*=*=*=*=*=*=*=*=*=*=*=*=*=*=* about.php =*=*=*=*=*=*=*=*=*=*=*=*=*=*=* */



    #portrait {
        display: flex;
        position: relative;
        margin: 0 0;
        width: 100%;
    }

    .about-section {
        display: flex;
        height: fit-content;
        justify-content: center;
        gap: 15px;
        overflow: hidden;
        margin-block: 80px;
        padding-inline: var(--marges-horizontales);

    }

    .about-section button a {
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        text-decoration: none;
        color: var(--noir);
    }

    .about-section button {
        min-width: 80px;
        height: fit-content;


        background-color: var(--blanc);
        border: .5px solid var(--noir);
        border-radius: var(--border-radius);
        padding-block: 5px;
    }

    .about-section-wrapper p {
        margin-top: 0;
        align-self: start;
    }


    .about-section-wrapper {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-template-rows: repeat(2, 1fr);
        gap: var(--grid-row-gap) var(--grid-column-gap);
        width: 100%;
        max-height: 100vh;
        height: fit-content;

    }


    .about-section-wrapper .text h1 {
        white-space: nowrap;
    }

    .about-section-wrapper .text {
        justify-content: space-between;
        margin-bottom: 32px;
    }

    .about-section-wrapper .row2 {
        padding-top: var(--grid-row-gap);
        width: 100%;
        display: grid;
        border-top: 1px solid var(--noir);
        grid-template-columns: repeat(3, 1fr);
        grid-row: 2;
        grid-column: 2/5;
    }

    @media (max-width:767px) {
        .about-section-wrapper {
            grid-template-columns: repeat(1, minmax(0, 1fr));
            grid-template-rows: unset;
            max-height: unset;

        }

        .about-section-wrapper>*:not(:first-child) {
            margin-top: 24px;
        }

        .about-section-wrapper .text h1 {
            display: none;
        }

        .about-section-wrapper .row2 {
            grid-row: unset;
            grid-column: unset;

            grid-template-columns: unset;
            row-gap: 24px;
        }


    }

    .cell-wrapper:not(.showreel) {
        display: flex;
        position: relative;
        justify-content: center;
        border-radius: var(--border-radius);
        grid-area: a;
        height: 100%;
        width: -moz-fit-content;
        width: fit-content;
    }

    .about-section .img-wrapper {
        position: relative;
        overflow: hidden;
        height: 100%;

    }

    .about-section-wrapper .cv-button {
        color: var(--noir);
        margin-top: 24px;
        grid-column: 1;
        grid-row: 2;
        text-underline-offset: 3px;
        text-decoration-thickness: 1px;
    }

    .about-section-wrapper>*,
    .about-section-wrapper>*>img {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: var(--grid-column-gap);
    }

    .about-section-wrapper>*>img {
        overflow: hidden;
        object-fit: cover;
        object-position: top;
    }


    .about-section .about-section-wrapper>p strong {
        font-size: 24px;
    }

    .about-section .about-section-wrapper>p {
        line-height: 20px;
    }

    .about-section-wrapper-contact strong {
        font-size: 24px;
    }

    .contact-info ul>* {
        margin-bottom: 5px;
    }

    .contact-info ul a {
        text-decoration: none;
        color: black;
    }

    .contact-info ul strong {
        font-weight: 500;
    }

    .contact-info>a {
        display: flex;
        /* border: 1px solid red; */
        height: 120px;
        align-self: center;
        display: none;
    }

    .contact-info a>img {
        width: 100%;
        height: 100%;
    }