/*
 * About-pagina: Gutenberg-layout gelijk aan WPBakery binnen .section-container.
 *
 * Opgemeten op localhost met js_composer actief (/about/, desktop ~1655px):
 *   .section           padding 70px 0, bg #fcfcfc
 *   .section-container padding 0 10%
 *   .vc_col-sm-6       50% + 15px gutters
 *   .vc_box_rounded    border-radius 4px
 */

.fac-page .pagecontents .about-band {
    margin: 0 0 35px;
}

.fac-page .pagecontents .about-band:last-child {
    margin-bottom: 0;
}

.fac-page .pagecontents .about-band__row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.fac-page .pagecontents .about-band__col {
    box-sizing: border-box;
    padding: 0 15px;
    width: 50%;
}

.fac-page .pagecontents .about-band__col--full {
    width: 100%;
}

.fac-page .pagecontents .about-band__col--image-right {
    text-align: right;
}

.fac-page .pagecontents .about-image {
    display: inline-block;
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

.fac-page .pagecontents .about-band p {
    margin: 0 0 1em;
}

.fac-page .pagecontents .about-band p:last-child {
    margin-bottom: 0;
}

.fac-page .pagecontents .about-band > .wp-block-group__inner-container,
.fac-page .pagecontents .about-band > .wp-block-html {
    margin: 0;
    padding: 0;
    max-width: none;
}

@media screen and (max-width: 767px) {
    .fac-page .pagecontents .about-band__col {
        width: 100%;
    }

    .fac-page .pagecontents .about-band__col--image-right {
        text-align: left;
    }

    .fac-page .pagecontents .about-band__col + .about-band__col {
        margin-top: 20px;
    }
}