/*PARAGRAPH BANNERS*/

.comp-banner-content h1,
.comp-banner-content h2,
.comp-banner-content h3,
.comp-banner-content h4,
.comp-banner-content h5 {color: #fff; text-shadow: 0px 0px 7px rgb(0 0 0); font-weight: 300;}
.full .comp-text-icon img {width: 100%;}

.comp-banner-content h1 { font-size: 4rem; font-weight: 600; text-align: left; letter-spacing: 0; max-width: 75%; margin: 1rem auto; line-height: normal; max-width: 90rem; margin: 0 auto; line-height: 1; }

.comp-banner-content {
width: 100%; position: absolute; bottom: 1rem; left: 2rem; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); top: unset; }


.comp-banner { width: 100%; position: relative; }
.comp-banner-media { width: 100%; }

.comp-banner-media img { width: 100% }
.comp-banner-content-cntnr { text-align: center; }

/*FOR CENTRING THE CONTENT*/
/*.comp-banner-content { z-index: 6; text-align: center; width: 75%; margin: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }*/


.full-width .comp-banner-media { /*opacity: 0.5; */}
.full-screen .comp-banner-media { height: 100vh; }
.full-screen .comp-banner-media article { height: 100%; }
.full-width-container .comp-banner-media video,
.full-width .comp-banner-media video { width: 100%; }
.banner-max-width .comp-banner-media { height: 50vh; }
.banner-max-width .comp-banner-media img,
.banner-max-width .comp-banner-media video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; object-fit: cover; object-position: center; }
.full-screen .blazy--field-media-image div { height: 100vh; }
.full-screen .comp-banner-media video,
.full-screen .comp-banner-media img { width: 100%; min-height: 100vh; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; object-fit: cover; object-position: center; }
.comp-banner button { margin-top: 2rem; font-weight: 900; }
.comp-banner button a { font-size: 1.2rem; line-height: 2; border-bottom: 1px solid var(--primary); color: var(--primary); padding: .3rem 1rem; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.3s; transition: 0.3s; }
.comp-banner button a:hover { color: var(--primary); font-size: 1.2rem; padding: .3rem 0.5rem; -webkit-transform: scale(0.95); transform: scale(0.95); }





/* Small only */
@media screen and (max-width:39.9375em) {
    .story-hero.full-screen .comp-banner-media { height: unset; }
    .story-hero.full-screen .comp-banner-media video,
    .story-hero.full-screen .comp-banner-media img { position: relative; height: unset; }
    .story-hero.full-screen .comp-banner-media .blazy--field-media-image div { height: unset; }
    .comp-banner button a,
    .comp-banner button a:hover { padding: .3rem 0rem; }
    .comp-banner button { margin-top: 0.5rem; }
 }