.aboutbanner{margin:0 auto;max-width:1536px;float:none !important;display:block}
.cmp-aboutbanner{color:#fff;display:flex;flex-direction:column;position:relative;background-color:#005aa4}
.aboutbanner.violet-bg .cmp-aboutbanner{background-color:#672cb4}
.aboutbanner.ocean-bg .cmp-aboutbanner{background-color:#0a6f7a}
.aboutbanner.dark-blue-bg .cmp-aboutbanner{background-color:#002b51}
.aboutbanner.dark-blue-bg .cmp-aboutbanner .aboutbanner-content-container>.aboutbanner-stacked-container .aboutbanner-rte-top{background-color:#005aa4}
.cmp-aboutbanner .aboutbanner-background-image{height:100%;object-fit:cover;object-position:center;flex:0 0 100%;width:100%;order:2;min-height:233px}
@media(min-width:1025px){.cmp-aboutbanner .aboutbanner-background-image{height:100%;flex:0 0 25%;z-index:1;order:3;width:25%}
}
@media screen and (min-width:768px) and (max-width:1024px){.cmp-aboutbanner .aboutbanner-background-image{width:414px;flex:0 0 414px;min-height:305px}
}
.cmp-aboutbanner .aboutbanner-content-container{display:flex;flex-direction:column;margin:0;z-index:1}
@media screen and (min-width:768px) and (max-width:1024px){.cmp-aboutbanner .aboutbanner-content-container{flex-wrap:wrap;flex-direction:row}
}
.cmp-aboutbanner .aboutbanner-content-container .aboutbanner-title{font-size:2.125rem;margin:0;padding:8% 5%;order:1;flex:0 0 100%;box-sizing:border-box}
@media(min-width:1025px){.cmp-aboutbanner .aboutbanner-content-container .aboutbanner-title{box-sizing:border-box;font-size:4rem;margin:auto 0;padding:0;padding-left:10%;flex:0 0 50%}
}
@media screen and (min-width:768px) and (max-width:1024px){.cmp-aboutbanner .aboutbanner-content-container .aboutbanner-title{width:60%;font-size:2.25rem;flex:1;padding:8% 24px;display:flex;flex-direction:column;justify-content:center}
}
.cmp-aboutbanner .aboutbanner-content-container .aboutbanner-stacked-container{box-sizing:border-box;display:flex;flex-direction:column;flex:0 0 100%;order:3}
.cmp-aboutbanner .aboutbanner-content-container .aboutbanner-stacked-container .aboutbanner-rte-top .cmp-text,.cmp-aboutbanner .aboutbanner-content-container .aboutbanner-stacked-container .aboutbanner-rte-bottom .cmp-text{margin:7% 4%}
@media(min-width:1025px){.cmp-aboutbanner .aboutbanner-content-container .aboutbanner-stacked-container .aboutbanner-rte-top .cmp-text,.cmp-aboutbanner .aboutbanner-content-container .aboutbanner-stacked-container .aboutbanner-rte-bottom .cmp-text{margin:15% 10%}
}
@media screen and (min-width:768px) and (max-width:1024px){.cmp-aboutbanner .aboutbanner-content-container .aboutbanner-stacked-container .aboutbanner-rte-top .cmp-text,.cmp-aboutbanner .aboutbanner-content-container .aboutbanner-stacked-container .aboutbanner-rte-bottom .cmp-text{margin:0;padding:32px 24px}
}
.cmp-aboutbanner .aboutbanner-content-container .aboutbanner-stacked-container .aboutbanner-rte-top{background-color:#002b51}
.cmp-aboutbanner .aboutbanner-content-container .aboutbanner-stacked-container .aboutbanner-rte-bottom{background-color:#00a1e2}
@media screen and (min-width:768px) and (max-width:1024px){.cmp-aboutbanner .aboutbanner-content-container .aboutbanner-stacked-container{flex-direction:row}
.cmp-aboutbanner .aboutbanner-content-container .aboutbanner-stacked-container .aboutbanner-rte-top,.cmp-aboutbanner .aboutbanner-content-container .aboutbanner-stacked-container .aboutbanner-rte-bottom{flex:0 0 50%}
}
@media(min-width:1025px){.cmp-aboutbanner .aboutbanner-content-container .aboutbanner-stacked-container{box-sizing:border-box;font-size:4rem;flex:0 0 25%;order:2}
}
@media(min-width:1025px){.cmp-aboutbanner .aboutbanner-content-container{flex-direction:row;margin:0;width:100%}
}
@media(min-width:1025px){.cmp-aboutbanner{flex-direction:row}
}