body {
    background-color: var(--white);
}

/* general */

main {
    padding-bottom: 0;
}

.about-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    width: calc(var(--colonne) * 16);
    min-width: var(--min-width-deskt);
}

.about-block {
    margin-bottom: var(--big-space);
}

.about-block:last-child {
    margin-bottom: 0;
}

/* medias */
/* .about-block-media {
    font-variant-numeric: var(--aligne-tabulaire);
} */

.portrait {
    /* border: 3px blue solid; */
    width: calc(var(--colonne) * 10);
    min-width: var(--min-width-deskt);

    height: auto;
}

.landscape {
    /* border: 3px red solid; */
    width: calc(var(--colonne) * 16);
    min-width: var(--min-width-deskt);

    height: auto;
}


/* footer spécial about */
.about-footer-wrapper {
    background: #ffffff;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 65%, rgba(255, 255, 255, 0) 100%);
    padding: var(--big-space) 0 var(--small-margin) 0;

    position: relative;
    z-index: 100;
}

.about-footer {
    display: flex;
    width: calc(100% - calc(var(--small-margin) * 2));
    justify-content: space-between;
    padding: var(--small-margin) 0 0 0;
    border-top: 1px var(--brown) solid;
    margin: 0 var(--small-margin);
    column-gap: var(--small-margin);

    background-color: var(--white);

    position: relative;
    z-index: 101;

    font-size: var(--small-txt);
}

/* .footer-item { */
/* width: 16.66%; */
/* largeur fixe pour les items du footer */
/* } */


/* ____________________________________
______________mobile___________________
_______________________________________ */

@media screen and (max-width: 650px) {

    .about-content {
        width: var(--mobile-width);
        overflow-x: hidden;
        min-width: var(--mobile-width);
        margin: 0 var(--small-margin);
    }

    .about-block {
        margin-bottom: var(--big-space-mobile);
    }

    .portrait,
    .landscape {
        width: 100%;
        height: auto;
        min-width: 100%;
    }

    .about-footer {
        flex-direction: column;
        text-align: center;
    }

    .about-footer.underline a {
        text-decoration: underline;
        text-underline-offset: 0.13em;
    }

    .footer-item {
        /* flex-basis: 50%;
        box-sizing: border-box; */
        margin-bottom: 1em;
    }

    #site-footer {
        display: none;
    }
}