.bio_guide {
    text-align: center;
    max-width: 550px;
    margin: 0 auto 3em;
}

.bio_guide > .photo {
    aspect-ratio: 1/1;
    width: 150px;
    margin-inline: auto;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
}

.bio_guide > .nom_guide {
    font: 300 30px/1.2em "Roboto Condensed", "Roboto", Arial, Helvetica, sans-serif;
    margin: 0.5em auto 0;
}

.bio_guide > .descripton_courte {
    font-size: 17px;
    line-height: 1.3em;
    margin-top: 1em;
}

.contenu {
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
}



.bons_plans_guide {
    margin-bottom: 30px;
    margin-top: 30px;
    padding: 20px;
    background-color: #F5F5F5;
}

.bons_plans_guide > p:last-child {
    margin: 0;
}

.bons_plans_guide h3 {
    text-transform: uppercase;
    color: gray;
    font-size: 15px;
    font-weight: bold;
}


@media screen and (min-width:860px) {
    .bio_guide > .photo {
        width: 200px;
    }

    .bons_plans_guide {
        column-count: 2;
        column-gap: 60px;
        column-rule: 30px solid #fff;
        padding: 0 15px;
    }

    .bons_plans_guide > p {
        padding: 10px 0;
        margin: 0;
        break-inside: avoid-column;
    }

    .bons_plans_guide h3 {
        margin-bottom: -5px;
    }

}