.homepage-banner {
position: relative;
height: 0;
overflow: hidden;
padding-bottom: 38%;
}
.homepage-banner .banner-content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
display: flex;
align-items: flex-end;
}
.homepage-banner .banner-content .banner-content-inner {
flex-grow: 1;
flex-basis: 0;
}
.homepage-banner .banner-content .banner-content-inner .banner-content-inner-padding {
padding-top: 3rem;
padding-right: 3rem;
padding-bottom: 3rem;
padding-left: 3rem;
}
.homepage-banner .banner-content .banner-content-inner .banner-content-inner-padding span {
display: block;
}
.homepage-banner .banner-content .heading {
color: white;
font-family: 'Knockout';
text-transform: uppercase;
font-size: 8rem;
line-height: 1;
text-shadow: 2px 2px 6px rgba(0,0,0,.7);
}
.homepage-banner .banner-content .sub-heading {
color: white;
font-family: 'Knockout';
text-transform: uppercase;
font-size: 4rem;
line-height: 1; text-shadow: 2px 2px 6px rgba(0,0,0,.7);
}
.homepage-banner .banner-content .cms-button-wrap {
display: inline-block;
padding: 0;
margin-top: 1rem;
}
.background-banner {
background-repeat: no-repeat;
background-size: cover;
}
#homepage_banner .carousel-control {
top: 50%;
bottom: auto;
}
#homepage_banner .carousel-control.left, #homepage_banner .carousel-control.right {
background-image: none;
}
.right-desktop {
text-align: right;
}
.carousel-indicators {
bottom: 0;
}
@media screen and (max-width: 991px) {
.container.full-width-mobile {
padding-left: 15px !important;
padding-right: 15px !important;
}
.homepage-banner {
padding-bottom: 91%;
}
.homepage-banner .banner-content {
flex-direction: column;
align-items: flex-start;
}
.right-desktop {
text-align: left;
}
.homepage-banner .banner-content .heading {
font-size: 5rem;
}
.homepage-banner .banner-content .sub-heading {
font-size: 2.5rem;
}
.homepage-banner .banner-content .banner-content-inner .banner-content-inner-padding {
padding-top: 2rem;
padding-right: 2rem;
padding-bottom: 2rem;
padding-left: 2rem;
}
.homepage-banner .banner-content .banner-content-inner .banner-content-inner-padding.remove-bottom-padding-mobile {
padding-bottom: 0;
}
.homepage-banner .banner-content .cms-button-wrap .cms-button {
min-width: 140px;
font-size: .9rem;
}
.homepage-banner .banner-content {
bottom: 20px;
}
}