.blog-archive-banner {
background-color: #55220A;
padding: 60px 0 102px;
}
.BlogArchiveBannerText {
width: 50%;
}
.BlogArchiveBannerImage {
width: 50%;
}
.BlogArchiveBannerMobile {
display: none;
}
.BlogArchiveBannerWrap {
display: flex;
align-items: center;
}
.BlogArchiveBannerText h1 {
color: #fff;
font-weight: 400;
font-family: var(--public-regular);
font-size: 48px;
line-height: 110%;
letter-spacing: -0.96px;
margin-bottom: 23px;
}
.BlogArchiveBannerText h2 {
font-family: var(--public-regular);
font-weight: 400;
color: #fff;
line-height: 110%;
letter-spacing: -0.32px;
font-size: 16px;
margin: 0;
}
@media(max-width: 992px) {
.blog-archive-banner {
padding: 70px 0 94px;
}
.BlogArchiveBannerWrap {
display: block;
}
.BlogArchiveBannerText {
width: 100%;
}
.BlogArchiveBannerImage {
width: 100%;
}
.BlogArchiveBannerMobile {
display: block;
}
.BlogArchiveBannerDesktop {
display: none;
}
.BlogArchiveBannerMobile img {
width: 100%;
height: 100%;
object-fit: contain;
}
.BlogArchiveBannerText h2 {
margin-bottom: 43px;
}
}