<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.row {
    clear: both;
}

.row::before, .row::after {
    content: "";
    display: table;
}

.row::after {
    clear: both;
}

.row &gt; .col {
    box-sizing: border-box;
    display: block;
    float: left;
}

.row &gt; .col:first-child {
    margin-left: 0;
}

.wrapper {
    margin: 0 auto;
    max-width: 1320px;
    width: 95%;
}

.centered {
    margin: 0 auto !important;
}

.span_1_of_8 {
    width: 12.5%;
}

.span_2_of_8 {
    width: 25%;
}

.span_3_of_8 {
    width: 37.5%;
}

.span_4_of_8 {
    width: 50%;
}

.span_5_of_8 {
    width: 62.5%;
}

.span_6_of_8 {
    width: 75%;
}

.span_7_of_8 {
    width: 87.5%;
}

.span_8_of_8 {
    width: 100%;
}

.span_1_of_7 {
    width: 14.28%;
}

.span_2_of_7 {
    width: 28.57%;
}

.span_3_of_7 {
    width: 42.85%;
}

.span_4_of_7 {
    width: 57.14%;
}

.span_5_of_7 {
    width: 71.42%;
}

.span_6_of_7 {
    width: 85.71%;
}

.span_7_of_7 {
    width: 100%;
}

.span_1_of_6 {
    width: 16.66%;
}

.span_2_of_6 {
    width: 33.33%;
}

.span_3_of_6 {
    width: 50%;
}

.span_4_of_6 {
    width: 66.66%;
}

.span_5_of_6 {
    width: 83.33%;
}

.span_6_of_6 {
    width: 100%;
}

.span_1_of_5 {
    width: 20%;
}

.span_2_of_5 {
    width: 40%;
}

.span_3_of_5 {
    width: 60%;
}

.span_4_of_5 {
    width: 80%;
}

.span_5_of_5 {
    width: 100%;
}

.span_1_of_4 {
    width: 25%;
}

.span_2_of_4 {
    width: 50%;
}

.span_3_of_4 {
    width: 75%;
}

.span_4_of_4 {
    width: 100%;
}

.span_3_of_3 {
    width: 100%;
}

.span_2_of_3 {
    width: 66.66%;
}

.span_1_of_3 {
    width: 33.33%;
}

.span_2_of_2 {
    width: 100%;
}

.span_1_of_2 {
    width: 50%;
}

.span_inner {
    box-sizing: border-box;
    padding: 4%;
}

@media all and (min-width : 880px) and (max-width : 1100px) {
	.centered { width : 80%!important }
	.img-and-content .span_5_of_8, .img-and-content .span_3_of_8 { display : block!important; padding : 3rem 0 }
	.img-and-content .span_1_of_2 { display : block!important; padding : 3rem 0 }
	.img-and-content .col { float : left!important }
	.img-and-content .img-wrapper { margin-top : 1.5rem }
}

@media screen and (max-width : 880px) {
	.row &gt; .col { float : none }
	.span_1_of_3, .span_2_of_3, .span_1_of_2, .span_5_of_8, .span_3_of_8, .span_2_of_8, .span_2_of_5, .span_2_of_7, .span_5_of_7  { width : 100% }
	.span_4_of_8 { width : 90%!important }
	
}</pre></body></html>