/*********************************************
 * Intro block
**********************************************/
.br-intro-block {--ib-gap:32px;}
.br-intro-block__image {width:48%;}
.br-intro-block__content {width:26%;}
.br-intro-block:not(.has-one-item) .br-intro-block__content.first {padding-right:var(--ib-gap);}
.br-intro-block:not(.has-one-item) .br-intro-block__content.last {padding-left:var(--ib-gap);}

/* has 1 item */
@media only screen and (min-width:769px) {
    .br-intro-block.has-one-item .br-intro-block__content {width:50%; padding-right:var(--ib-gap);}
    .br-intro-block.has-one-item .br-intro-block__image {width:50%;}
}


/*********************************************
 * Intro block Responsive
**********************************************/
@media only screen and (max-width:1024px) {
    .br-intro-block {--ib-gap:var(--br-gap-container);}
}
@media only screen and (max-width:768px) {
    .br-intro-block {--ib-gap:0px; flex-direction:column;}
    .br-intro-block__content {width:100%; margin-bottom:var(--br-spacing-paragraph);}
    .br-intro-block__image {width:100%; max-width:500px; margin-top:12px; order:4;}
}