/** * -------------------------------------------------------------------------------- * Banner * -------------------------------------------------------------------------------- */ .ct-banner { position: relative; height: 54rem; .ct-overlay { position: absolute; width: 100%; height: 100%; background-color: #605f5f; opacity: .4; z-index: 1; } .ct-banner-content { max-width: 1100px; margin: 0 auto; z-index: 2; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); h2 { color: $white-color; @extend .pre-font-family-2; font-weight: 600; } p { color: $white-color; } } }