#seo-comparison {display:flex; flex-direction:column; justify-content:center; align-items:center; max-width:2560px; width:100%;}
#seo-comparison a {color:var(--link-color); transition:all .3s ease;}
#seo-comparison a:hover {color:var(--link-color-hover); border-bottom:1px solid var(--link-border-hover);}
#seo-comparison h1, #seo-comparison h2, #seo-comparison h3, #seo-comparison h4, #seo-comparison h5, #seo-comparison h6 {text-transform:uppercase;}
#seo-comparison img {width:100%;}#seo-comparison .bg {min-height:70vh; position:relative; width:100%; background:linear-gradient(to top, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)), var(--main-image) no-repeat center/cover;}
#seo-comparison .bg .buttons {position:absolute; bottom:2rem; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; max-width:90%; width:100%;}
#seo-comparison .bg .buttons a {margin-bottom:1rem; padding:1rem; background-color:var(--btn-primary); color:var(--btn-primary-text); width:100%; text-align:center; text-decoration:none; transition:all .3s ease;}
#seo-comparison .bg .buttons a:last-of-type {margin-right:0;}
#seo-comparison .bg .buttons a:hover {background:var(--btn-primary-hover); color:var(--btn-primary-text-hover); border:none;}#seo-comparison .title {background-color:var(--dealer-color); padding:2rem; width:100%;}
#seo-comparison .title h1 {margin:0; color:var(--light-text);}
#seo-comparison .specs-table {display:flex; align-items:stretch; width:100%; max-width:100%; align-self:center; background-color:var(--btn-secondary); color:var(--btn-secondary-text); padding:2rem 1rem; overflow-x:scroll;}
#seo-comparison .specs-table::-webkit-scrollbar {-webkit-appearance:none;}
#seo-comparison .specs-table::-webkit-scrollbar-thumb {background:#222;}
#seo-comparison .specs-table::-webkit-scrollbar-track {background:#ccc;}
#seo-comparison .specs-table .card {flex:1 0 50%; display:flex; flex-direction:column; justify-content:center; align-items:center; z-index:1; transition:all .3s ease; min-width:0; padding:.5rem; width:100%;}
#seo-comparison .specs-table .card img {display:none; max-width:400px;}
#seo-comparison .specs-table .card > div {padding:.5rem; width:100%; text-align:center; height:100%;}
#seo-comparison .specs-table .top h3 {margin:0 0 .5rem 0;}
#seo-comparison .specs-table .card.spec-headings {width:100%; display:none;}
#seo-comparison .specs-table .card.spec-headings > div {text-align:left;}
#seo-comparison .specs-table .card.model-1 {background-color:var(--dealer-color); color:var(--light-text); border-radius:1rem; box-shadow:0 0 15px rgba(0, 0, 0, .4);}
#seo-comparison .specs-table hr.mobile-line {max-width:75%; width:100%; border-top:2px solid #fff; margin:1rem 0!important;}
#seo-comparison .seo-heading {max-width:90%; justify-self:center; align-self:center; margin:2rem 0;}
#seo-comparison .seo-heading h2 {font-size:2.25rem; font-style:italic;}
#seo-comparison .seo-heading .buttons {display:flex; flex-direction:column; width:100%;}
#seo-comparison .seo-heading .buttons a {padding:1rem; background-color:var(--btn-primary); color:var(--btn-primary-text); width:100%; text-align:center; text-decoration:none; transition:all .3s ease;}
#seo-comparison .seo-heading .buttons a:hover {background:var(--btn-primary-hover); color:var(--btn-primary-text-hover); border:none;}
#seo-comparison .seo-content {max-width:100%; width:100%; align-self:center; display:flex; flex-direction:column; justify-content:center; align-items:center;}
#seo-comparison .seo-content .exterior, #seo-comparison .seo-content .interior {display:flex; flex-direction:column; justify-content:center; align-items:center; margin:1rem 0; ;}
#seo-comparison .seo-content .ext-text, #seo-comparison .seo-content .int-text {order:1; max-width:90%;}
#seo-comparison .seo-content .ext-text {margin-bottom:2rem;}
#seo-comparison .seo-content .ext-img, #seo-comparison .seo-content .int-img {order:0; height:100%; box-shadow:0 0 15px rgba(0, 0, 0, .5);}
#seo-comparison .extra-content {margin:4rem; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center;}
#seo-comparison .extra-content .buttons {margin:2rem 0; width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
#seo-comparison .extra-content .buttons a {padding:1rem; background-color:var(--btn-primary); color:var(--btn-primary-text); margin-bottom:1rem; width:100%; transition:all .3s ease; text-decoration:none;}
#seo-comparison .extra-content .buttons a:last-of-type {margin-bottom:0; margin-right:0;}
#seo-comparison .extra-content .buttons a:hover {background-color:var(--btn-primary-hover); color:var(--btn-primary-text-hover); border-bottom:none;}
#seo-comparison .extra-content .buttons a:hover div {transform:scale(1.15); -moz-transform:scale(1.15); -webkit-transform:scale(1.15); ;}
#seo-comparison .bottom-img {margin-top:1rem;}
#seo-comparison .directions {padding:1rem; background-color:var(--dealer-color); display:flex; flex-direction:column; justify-content:center; align-items:center; color:var(--light-text); text-align:center; width:100%;}
#seo-comparison .directions h2 {margin:2rem 0; font-size:2rem;}
#seo-comparison .directions a {background-color:var(--btn-secondary); color:var(--btn-secondary-text); padding:1rem 2rem; text-decoration:none; margin-bottom:2rem; transition:all .3s ease;}
#seo-comparison .directions a:hover {background-color:var(--btn-secondary-hover); color:var(--btn-secondary-text-hover); border:none;}
@media only screen and (min-width:501px) {
#seo-comparison .specs-table .card.spec-headings {display:flex;}
#seo-comparison .seo-content .ext-text {margin-bottom:0;}
#seo-comparison .specs-table .mobile-heading, #seo-comparison .specs-table hr.mobile-line {display:none;}
;}
@media only screen and (min-width:768px) {
#seo-comparison .bg {min-height:40vh;}
#seo-comparison .bg .buttons {max-width:80%;}
#seo-comparison .specs-table {background-color:#f4f4f4; color:#000; overflow-x:unset; margin-top:2rem; max-width:90%; padding:0;}
#seo-comparison .specs-table .card {flex:1 1 33.33%; flex-direction:column; padding:1rem 1rem 2rem 1rem; border-radius:1.5rem; background-color:#f4f4f4; box-shadow:0 0 2rem rgba(0, 0, 0, .4); z-index:1; transition:all .3s ease; font-size:1.5rem;}
#seo-comparison .specs-table .card img {display:block;}
#seo-comparison .specs-table .card.spec-headings {padding:2rem 2rem 2rem 0; box-shadow:none; align-self:flex-end; font-weight:500;}
#seo-comparison .specs-table .card.spec-headings .top {border-bottom:none; margin-bottom:0;}
#seo-comparison .specs-table .card.spec-headings > div {width:100%; text-align:right; padding-right:1rem;}
#seo-comparison .specs-table .card.model-1 {z-index:3; border-radius:1.5rem 0 0 1.5rem;}
#seo-comparison .specs-table .card.model-1:hover {transform:scale(1.05); border-radius:1.5rem;}
#seo-comparison .specs-table .card.model-2 {border-radius:0 1.5rem 1.5rem 0;}
#seo-comparison .specs-table .card.model-2:hover {background-color:#eee;}
#seo-comparison .specs-table .card .top {border-bottom:1px solid #ccc; width:80%; text-align:center; margin-bottom:1rem;}
#seo-comparison .extra-content .buttons {max-width:60%; flex-direction:row;}
#seo-comparison .extra-content .buttons a {margin-right:2rem; margin-bottom:0;}
#seo-comparison .directions {padding:1rem;}
;}
@media only screen and (min-width:1024px) {
#seo-comparison .bg {min-height:35vh;}
#seo-comparison .bg .buttons {flex-direction:row; max-width:90%;}
#seo-comparison .bg .buttons a {margin-right:2rem; margin-bottom:0;}
#seo-comparison .title {padding:1rem 2rem;}
#seo-comparison .specs-table {max-width:90%;}
#seo-comparison .seo-content .exterior, #seo-comparison .seo-content .interior {flex-direction:row;}
#seo-comparison .seo-content .ext-text, #seo-comparison .seo-content .int-text {align-self:flex-start; flex-basis:45%; overflow-y:scroll; padding:1rem 2rem;}
#seo-comparison .seo-content .ext-img, #seo-comparison .seo-content .int-img {flex-basis:55%;}
#seo-comparison .seo-content .ext-text, #seo-comparison .seo-content .int-img {order:0;}
#seo-comparison .seo-content .ext-img, #seo-comparison .seo-content .int-text {order:1;}
;}
@media only screen and (min-width:1200px) {
#seo-comparison .bg {min-height:50vh;}
#seo-comparison .bg .buttons {max-width:80%;}
#seo-comparison .bg .buttons a {font-size:1.5rem;}
#seo-comparison .title {padding:2rem 6rem;}
#seo-comparison .specs-table {margin-top:4rem;}
#seo-comparison .specs-table .card {font-size:1.35rem;}
#seo-comparison .specs-table .card h3 {font-size:2rem;}
#seo-comparison .seo-heading {margin:4rem 0;}
#seo-comparison .seo-heading h2 {font-size:3rem;}
#seo-comparison .extra-content .buttons {max-width:50%;}
#seo-comparison .directions {padding:1rem;}
;}
@media only screen and (min-width:1440px) {
#seo-comparison .bg .buttons {max-width:70%;}
#seo-comparison .specs-table {max-width:80%;}
#seo-comparison .specs-table .card.spec-headings {justify-content:space-between;}
#seo-comparison .specs-table .card.spec-headings > div {padding-right:2.5rem;}
#seo-comparison .seo-content .ext-text, #seo-comparison .seo-content .int-text {flex-basis:40%;}
#seo-comparison .seo-content .ext-img, #seo-comparison .seo-content .int-img {flex-basis:60%;}
#seo-comparison .bottom-img {margin-top:4rem;}
;}
@media only screen and (min-width:1920px) {
#seo-comparison .specs-table .card {font-size:1.5rem;}
#seo-comparison .specs-table .card h3 {font-size:2rem;}
#seo-comparison .directions h3 {font-size:2.25rem;}
#seo-comparison .directions a {padding:1.5rem 3rem;}
;}
@media only screen and (min-width:2000px) {
#seo-comparison .specs-table {max-width:60%;}
#seo-comparison .seo-content {max-width:80%;}
;}