/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.header { position: relative; height: 300px; color: #fff; }

.header::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); content: ''; z-index: 1; }

.header .banner-title { z-index: 2; }

@media (min-width: 768px) { .header { height: 350px; } }

@media (min-width: 992px) { .header { height: 400px; }
  .page-home .header { height: 600px; } }
/*# sourceMappingURL=elementbannerwithcontent.css.map */