.banner{position:relative;width:100%}
.banner .banner-images{width:100%}
.banner .banner-text{position:static;bottom:0;left:0;color:white;padding:16px 24px;display:flex;background:var(--variable-bg-color);width:100%;flex-direction:column;justify-content:flex-end;color:var(--variable-font-color)}
.banner .containerNoImage{width:100% !important}
.banner .banner-text .text-content{padding:0}
.banner .banner-text .text-content h1{font-family:"Publico Pro";font-size:24px;font-weight:400;line-height:26px}
.banner .banner-text .text-content p{font-family:"Akkurat Pro";font-weight:400}
@media(min-width:768px){.banner{margin-bottom:0}
.banner .banner-images{height:450px;object-fit:cover;object-position:70%}
.banner .banner-text{position:absolute;height:100%;width:50%;padding:10px}
.banner .banner-text .text-content{padding-bottom:50px}
.banner .banner-text .text-content h1{font-size:40px;line-height:46px}
}
@media(min-width:1024px){.banner .banner-text .text-content{padding-left:75px}
.banner .banner-text .text-content h1{font-size:60px;line-height:66px}
}