.home .left {
     float: left;
     width: 50%;
     padding-right: 4em;
 }
 .home .right {
     float: right;
     width: 50%;
 }

 /* Comparison Table */
.comparison-wrapper {overflow:auto; position: relative; z-index:1;}
.comparison-wrapper > table {width:100%; table-layout: fixed;}




/* SPLIT RIBBON ------------------------------ */

.split-ribbon {
	display: flex;
	justify-content: space-between;
}

.split-ribbon .ribbon-left {
  width: calc(53% - .75em);
}

.split-ribbon .ribbon-right {
  width: calc(47% - .75em);
}





/* Footer */
body>footer .fatFooter > *:first-child {width:31%;}
body>footer .fatFooter > *:nth-child(2n) {width:25%;}
body>footer .fatFooter > *:nth-child(3n), body>footer .fatFooter > *:nth-child(4n) {width:22%;}
body>footer .fatFooter img {max-width: 20em}

body>footer .logos a:is(:hover,:focus-visible) img {
  transform: scale(.95,.95)
}

@media screen and (max-width:1230px) {
     body > header > .wrap {height: auto}
     #brand {position: relative; float: left; width: 10em; padding:0; margin: 1em 0}
     #brand img {max-width: 100%; position: relative; bottom:auto; height: auto; transform: none; -webkit-transform: none}
     #ancillary {margin-top:2rem}
     #mainnav {float: none; margin-bottom: 1em}
     #mainnav {margin-bottom: 0}
     #mainnav a {padding:0 1em; font-size: 0.8em}
     #mainnav > ul {width: 100%;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         -webkit-flex-direction: row;
         -ms-flex-direction: row;
         flex-direction: row;
         -webkit-flex-wrap: nowrap;
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
         -webkit-justify-content: space-between;
         -ms-flex-pack: justify;
         justify-content: space-between;
         -webkit-align-content: stretch;
         -ms-flex-line-pack: stretch;
         align-content: stretch;
         -webkit-align-items: center;
         -ms-flex-align: center;
         align-items: center;}
     #mainnav > ul > li {text-align: center}
     #mainnav > ul > li > a {padding: 1em 0.75em; line-height: 1.25em}

}
@media screen and (max-width:1160px) {
     .interior .categories a > span span {font-size: 1.3vw}
}
@media screen and (max-width:1130px) {
}
@media screen and (max-width:1070px) {
     .interior .categories a {width:48%; margin-right: 1%; padding-bottom: 3em}
     .interior .categories a:nth-of-type(3n+3) {margin-right: 1%}
     .interior .categories a:nth-of-type(2n+2) {margin-right: 0}
     .interior .categories a > span span{font-size: 1.75vw}
     .product-page .tabs a {font-size: 1.5vw}
}
@media screen and (max-width:1028px) {
     .product-page .top > .gallery,
     .product-page .top > .overview {width:100%; padding:0}
     .product-page .top > .overview {margin: 2em 0}
     .categories a > span {font-size: 0.875em}
}