M&S reduces methane from cows as it accelerates towards net zero


.accessContainer .accessMessage {
background: transparent;
box-shadow: none;
border: none;
margin: 0 auto 40px auto;
padding: 0 0 0 0;
}

.accessContainer .accessMessage .middleBlock {
background: transparent;
box-shadow: none;
border: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.accessContainer .accessMessage .topBlock, .accessContainer .accessMessage .bottomBlock {
display: none;
}

.wallpaper-applied .accessContainer>.container .inner-sleeve.accessMessage {
background-color: #ffffff;
}

/*
Teal – #009995;
Orange – #EF7E22;
Green – #7FBE41
light teal – #F2FAFA
Copy colour – #003735
*/

#RegWall.osm {
background: #F2FAFA;
border: 2px solid #009995;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
text-align: center;
margin-left: 20px;
margin-right: 20PX;
}

#RegWall.osm .pre-header {
background: #009995;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 25px;
font-weight: 400;
text-align: center;
margin: 0 0 0 0;
padding: 13px 0 13px 0;
width: 100%;
}

#RegWall.osm .pre-header a {
color: #FFFFFF;
text-decoration: underline;
}
#RegWall.osm h1 {
color: #003735;
font-size: 48px;
line-height: 52px;
font-family: klavikaMedium,Helvetica,Arial,sans-serif;
margin: 0 0 0 0;
text-transform: uppercase;
padding: 40px 15px 26px 15px;
}

#RegWall.osm h3 {
color: #003735;
font-size: 26px;
line-height: 30px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
margin: 0 0 0 0;
padding: 0 0 15px 0;
}

#RegWall.osm h3.offer-header {
color: #009995;
font-weight: bold;
text-transform: uppercase;
font-family: klavikaMedium,Helvetica,Arial,sans-serif;
font-size: 30px;
line-height: 34px;
}

#RegWall.osm .sub-heading {
font-size: 1.60rem;
line-height: 1.9rem;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
margin: 0 0 0 0;
padding: 0 0 20px 0;
}
#RegWall.osm .cta-reg {
background: #7FBE41;
border-radius: 5px;
color: #FFFFFF;
display: inline-block;
font-family: klavikaMedium,Helvetica,Arial,sans-serif;
font-weight: normal;
font-size: 22px;
line-height: 26px;
margin: 10px 0 0 0;
padding: 15px 40px;
text-transform: uppercase;
text-decoration: none;
text-shadow: rgba(0, 0, 0, 0.20) 1px 1px 3px;
box-shadow: rgba(0, 0, 0, 0.20) 0px 8px 24px;
}
#RegWall.osm .cta-reg:hover {
background-color: #6ea537;
}
#RegWall.osm .cta-sub {
background: #EF7E22;
border-radius: 5px;
color: #FFFFFF;
display: inline-block;
font-family: klavikaMedium,Helvetica,Arial,sans-serif;
font-weight: normal;
font-size: 22px;
line-height: 26px;
margin: 10px 0 0 0;
padding: 15px 40px;
text-transform: uppercase;
text-decoration: none;
text-shadow: rgba(0, 0, 0, 0.20) 1px 1px 3px;
box-shadow: rgba(0, 0, 0, 0.20) 0px 8px 24px;
}
#RegWall.osm .cta-sub:hover {
background-color: #d06d1c;
}

#RegWall.osm .display-x1 {
display: flex;
justify-content: center;
width: 100%;
margin: 10px 0 0 0;
}

#RegWall.osm .display-x1 .cta-box {
border: 2px solid #EF7E22;
text-align: center;
padding: 30px;
margin: 0 30px 50px 30px;
background-color: #ffffff;
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.20) 0px 8px 24px;
box-sizing: border-box;
width: 620px;
}

#RegWall.osm .display-x2 {
display: flex;
width: 100%;
margin: 10px 0 0 0;
gap: 48px;
}

#RegWall.osm .display-x2 .section-1, #RegWall.osm .display-x2 .section-2 {
text-align: center;
width: 50%;
background-color: #ffffff;
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.20) 0px 8px 24px;
}

#RegWall.osm .display-x2 .section-1 {
border: 2px solid #7FBE41;
padding: 30px;
margin: 0 0 50px 50px;
}

#RegWall.osm .display-x2 .section-2 {
border: 2px solid #EF7E22;
padding: 30px;
margin: 0 50px 50px 0;
}
#RegWall.osm .display-offer {
display: flex;
justify-content: center;
width: 100%;
margin: 10px 0 0 0;
}

#RegWall.osm .display-offer .cta-box {
border: 2px solid #EF7E22;
text-align: center;
padding: 30px;
margin: 0 30px 50px 30px;
background-color: #ffffff;
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.20) 0px 8px 24px;
box-sizing: border-box;
width: 620px;

}

#RegWall.osm .offer-wrapper {
margin: 0 0 20px 0;
padding: 0;
}
#RegWall.osm .offer-wrapper img {
padding-right: 25px;
}

@media screen and (max-width: 858px) {

#RegWall.osm h1 {
font-size: 38px ;
line-height: 42px;
padding: 30px 15px 10px 15px;
}

#RegWall.osm h3 {
font-size: 24px ;
line-height: 28px;
}

#RegWall.osm .display-x1 .cta-box {
width: 100%;
padding: 20px;
margin: 20px;
}

#RegWall.osm .display-offer .cta-box {
width: 100%;
padding: 20px;
margin: 20px;
}

#RegWall.osm .display-x2 {
display: block;
margin: 0;
}

#RegWall.osm .display-x2 .section-1, #RegWall.osm .display-x2 .section-2 {
padding: 20px;
box-sizing: border-box;
width: 90%;
margin: 5%;
}

}


Leave a Reply

Your email address will not be published. Required fields are marked *