<div class=”opt-out-wrapper”>
<div class=”opt-out-content”>
<div class=”klaviyo-form-W6t54q”></div>
</div>
</div>
</div>
<style>
body.cms-rosita-products-uk .page-footer{
background-color: transparent;
}
body.cms-rosita-products-uk .columns .column.main{
margin-top: -1rem;
margin-bottom: -4rem;
}
.page-main {
padding: 0;
}
.opt-out-wrapper {
background: url(‘https://www.rositarealfoods.co.uk/media/wysiwyg/banners/RRF_Landing_Page_Product_Mobile.jpg’) rgba(0,0,0,0.4);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 25rem 2rem;
display: grid;
place-items: center;
}
.opt-out-content {
width: min(100%, 600px);
margin: 0 auto;
text-align: center;
background-color: #fff;
border-radius: 30px;
}
.opt-out-wrapper .opt-out-content p {
margin-bottom: 30px;
font-family: “Open Sans”;
font-size: 14px !important;
}
.opt-out-wrapper .opt-out-content a {
border-color: #e74011;
background-color: #e74011;
color: #fff !important;
padding: 10px;
width: 230px;
display: inline-block;
border-radius: 20px;
font-family: “Open Sans”;
letter-spacing: 0.3px;
font-weight: 600;
}
.opt-out-wrapper .opt-out-content h2 {
color: #e74010;
font-family: ‘Yesteryear’;
font-size: 60px;
}
.opt-out-image img {
width: 100%;
}
@media only screen and (min-width: 769px) {
.opt-out-wrapper {
background: url(‘https://www.rositarealfoods.co.uk/media/wysiwyg/banners/RRF_Landing_Page_Product_Desktop.jpg’) rgba(0,0,0,0.4);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.opt-out-content {
padding: 35px;
}
}
@media only screen and (min-width: 1024px) {
.opt-out-wrapper {
padding: 10rem 2rem;
}
body.cms-rosita-products-uk .columns .column.main{
margin-top: -3rem;
}
}
</style>