
/********************************************************************************
			 --- Page Banner  ---
*********************************************************************************/
.page-banner {padding: 6.315rem 0;position: relative;background-size: cover;background-position: center;background-repeat: no-repeat;min-height: 400px;}
.page-banner.page-banner--overlay::before {content: '';position: absolute;top:0;left: 0;width: 100%;height: 100%;opacity: 0.87;mix-blend-mode: multiply;
background-image: radial-gradient(circle at 51% 44%, #071526, rgba(7, 21, 38, 0) 90%);}
.page-banner__headline {margin-bottom: 0.842rem;}
.page-banner__headline--dropshadow {-webkit-filter: drop-shadow(2px 2px 2px #162447);filter: drop-shadow(2px 2px 2px #162447);}
.page-banner__overview--dropshadow {-webkit-filter: drop-shadow(2px 2px 2px #162447);filter: drop-shadow(2px 2px 2px #162447);}
.page-banner__content {position: relative;z-index: 2;max-width: 1024px;margin: 0 auto;}
.page-banner__overview {padding: 0 11rem;margin-bottom: 0;}
.page-banner--large .page-banner__overview {padding: 0 5.5rem;}
.page-banner--xlarge .page-banner__overview {padding: 0 1rem;}
.page-banner .button {margin-bottom: 0;margin-top: 1.684rem;}
.page-banner--xlarge .button {margin-top: 3.263rem;}
@media (max-width:1200px) {
  .page-banner__overview {padding: 0 8rem;}
}
@media (max-width:850px) {
  .page-banner__overview {padding: 0 4rem;}
  .page-banner--large .page-banner__overview {padding: 0 4rem;}
}
@media (max-width:550px) {
  .page-banner {background-color: rgba(31, 48, 93, 0.47);
    background-blend-mode: multiply;}
  .page-banner.page-banner--mobile-left {background-position: left;}
  .page-banner.page-banner--mobile-right {background-position: right;}
  .page-banner.page-banner--mobile-center {background-position: center;}
  .page-banner__overview {padding: 0 2rem;}
  .page-banner--large .page-banner__overview {padding: 0 2rem;}
}
