.offset-rectangles .content-col-1 {
height: 100%;
padding: 5rem 2.125rem 5rem 15px;
}
.offset-rectangles [class*="row-reverse"] .content-col-1 {
padding-right: 0;
padding-left: 3.125rem;
}
.offset-rectangles .content-col-2 {
position: relative;
height: 100%;
}
.offset-rectangles .content-col-2 figure {
position: absolute;
width: calc(50% - 0.9375rem);
height: calc(100% - 5rem);
}
.offset-rectangles .content-col-2 figure:nth-of-type(1) {
bottom: 0;
left: 0;
}
.offset-rectangles .content-col-2 figure:nth-of-type(2) {
top: 0;
right: 0;
}
.offset-rectangles .content-col-2 figure img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.offset-rectangles [class*="row-reverse"] .content-col-2 figure:nth-of-type(1) {
top: 0;
bottom: auto;
}
.offset-rectangles [class*="row-reverse"] .content-col-2 figure:nth-of-type(2) {
top: auto;
bottom: 0;
} .style-w {
background-color: #1d1d1b;
background-position: right top;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
.style-w .content-wrap {
padding:10rem 0;
}
.style-w .content-wrap .content-col {
display: table;
width: 50%;
margin: auto;
padding: 2.5rem 5rem;
background-color: rgba(255, 255, 255, 0.95);
text-align: center;
}
@media (min-width: 1200px) {
.style-w {
background-position: center 34%;
}
}  .style-s .content-col {
height: 100%;
border: 1px solid #f1eeeb;
padding: 2.5rem 1.875rem; }
.style-s .content-col h3 {
margin: 0.75em 0; }
.style-s .content-col svg {
width: auto;
height: 2.75rem;
fill: #998555; }