section.flex-container{display:grid;padding:0;width:100%;grid-auto-rows:min-content}
section.flex-container>div:not(.shape){padding:24px}
section.flex-container>div>.aem-Grid{display:grid;row-gap:24px;width:100%;margin:0}
section.flex-container>div>.aem-Grid>div{padding:0}
section.flex-container>div.first{order:1}
section.flex-container>div.second{order:2}
section.flex-container.collapse{row-gap:0}
section.flex-container .bleed{padding:0 !important}
section.flex-container .bleed>.aem-Grid{margin:0;width:100%}
section.flex-container .bleed>.aem-Grid>.image.aem-GridColumn{padding:0}
section.flex-container .bleed .component.image{height:200px;position:relative;overflow:hidden}
section.flex-container .bleed .component.image img{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);min-width:100%;min-height:100%}
section.flex-container .bleed .component.image figcaption{display:none}
@media screen and (min-width:37.5em){.container-component>.block-b section.flex-container>div{padding:24px}
section.flex-container:not(.container-component section.flex-container.component)>div{padding:40px}
.aem-GridColumn section.flex-container:not(.container-component section.flex-container).template-1-1,.aem-GridColumn .block-b section.flex-container.template-1-1{grid-template-columns:1fr 1fr}
.aem-GridColumn section.flex-container:not(.container-component section.flex-container).template-2-1,.aem-GridColumn .block-b section.flex-container.template-2-1{grid-template-columns:2fr 1fr}
.aem-GridColumn section.flex-container:not(.container-component section.flex-container).template-1-2,.aem-GridColumn .block-b section.flex-container.template-1-2{grid-template-columns:1fr 2fr}
.aem-GridColumn section.flex-container:not(.container-component section.flex-container) .bleed>.aem-Grid,.aem-GridColumn .block-b section.flex-container .bleed>.aem-Grid{height:100%}
.aem-GridColumn section.flex-container:not(.container-component section.flex-container) .bleed .component.image,.aem-GridColumn .block-b section.flex-container .bleed .component.image{overflow:hidden;position:relative;height:100%;min-height:350px;max-height:600px}
.aem-GridColumn section.flex-container:not(.container-component section.flex-container) .bleed .component.image img,.aem-GridColumn .block-b section.flex-container .bleed .component.image img{position:absolute;height:100%}
.aem-GridColumn section.flex-container:not(.container-component section.flex-container)>div,.aem-GridColumn .block-b section.flex-container>div{order:initial}
}
@media screen and (min-width:56.5625em){.aem-GridColumn .block-c section.flex-container .bleed .component.image{height:270px}
.aem-GridColumn .block-c section.flex-container>.shape{height:270px;padding-top:40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
}