<style type="text/css">
.custom-banner-container {
display: grid;
grid-template-columns: 40% 60%;
gap: 0;
}
.custom-banner-column {
justify-content: center;
}
.custom-banner-column-right {
background-color:#f5f5f2;
text-align: center;
padding: 20px;
}
.custom-banner-column-left {
background-color: #f5f5f2;/*#fcfcfb;*/
padding: 40px;
text-align: center;
display: flex;
flex-direction: column;
}
.custom-banner-column img {
width: 100%;
max-width: 100%; /* Ensures images are responsive */
}
.custom-banner-column-left img {
width: 100px !important;
max-width: 150px !important;
}
h1.custom-font, h2.custom-font, h3.custom-font, h4.custom-font, h5.custom-font, h6.custom-font, p.custom-font {font-family: ff-good-web-pro-narrow, 'Arial Narrow', sans-serif;}
h1.custom-font-color, h2.custom-font-color, h3.custom-font-color, h4.custom-font-color, h5.custom-font-color, h6.custom-font-color, p.custom-font-color {color: #ffffff;}
h1.custom-font { font-size: 32px;}
h2.custom-font { font-size: 28px;}
h3.custom-font { font-size: 24px;}
h4.custom-font { font-size: 22px;}
h5.custom-font { font-size: 20px;}
h6.custom-font { font-size: 18px;}
p.custom-font { font-size: 16px; line-height: 1.3;font-weight: 400;}
.mb-s {
margin-bottom: 8px!important;
}
.mb-m {
margin-bottom: 12px!important;
}
.mb-l {
margin-bottom: 16px!important;
}
.pb-s {
padding-bottom: 8px!important;
}
.pb-m {
padding-bottom: 12px!important;
}
.pb-l {
padding-bottom: 16px!important;
}
div.btnPrimary a {font-family: ff-good-web-pro-narrow, 'Arial Narrow', sans-serif;border-radius: 4px;font-size: 16px;line-height: 16px;font-weight: 600;text-align: center;text-decoration: none !important;padding: 16px;color: #ffffff !important; min-width: 160px !important; margin: 6px 32px;background-color: #2a2e33 !important;text-transform:uppercase;display:inline-block;}
@media screen and (max-width: 960px) {
.custom-banner-container {
display: flex;
flex-direction: column;
}
}
</style>
<div class="custom-banner-container">
<div class="custom-banner-column custom-banner-column-left">
<div><img src="https://www.dropbox.com/scl/fi/frecujcxpcc4qofiq4h75/MCK_Logo_480-x-365.png?rlkey=p75n65y0ek7mm7war6y17c0n1&st=shvm3wds&raw=1" alt="McKenzie Method"></div>
<h3 class="custom-font">Annual McKenzie Method® Sale</h3>
<p class="custom-font pb-l">Save up to 30% on Lumbar Rolls, Supports and Books</p>
<div class="btnPrimary"><a href="/campaigns/sales/mckenzie-annual-sale">SHOP THE SALE</a></div>
<h6 class="custom-font">Now Through March 24</h6>
</div>
<div class="custom-banner-column custom-banner-column-right">
<img src="https://www.dropbox.com/scl/fi/beccxvpg26o8ja9x3ndm4/MCK_B-1_3696-x-1740.png?rlkey=rlcqy3covizq320sddaqb3wuu&st=mpdwz0cn&raw=1" alt="Description">
</div>
</div>