/***** BEGIN RESET *****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent;
border: 0;
margin: 0;
padding: 0;
}
ol, ul {
list-style: none;
}
table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}
/* Make HTML 5 elements display block-level for consistent styling */
header, nav, article, footer, address {
display: block;
}
/*-------- COLORS --------
*/
/***** END RESET *****/
::-moz-selection {
background: #000;
color: #fff;
text-shadow: none;
}
::selection {
background: #000;
color: #fff;
text-shadow: none;
}
/* Clearfix */
.cf:before,
.cf:after {
content: " ";
display: table;
}
.cf:after {
clear: both;
}
.cf {
*zoom: 1;
}
/*-------- BODY STYLES --------*/
html {font-family: 'oswald', sans-serif !important; font-weight: 400 !important;}
a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none; cursor: pointer !important;}
button:hover {cursor: pointer !important;}
hr{border:#464646 1px solid; height: 27px;}
/*--- HEADER STYLES ---------------------*/
.site-header {background: #2c2c2c; text-align: center;}
.site-header img {width: 18%; min-width: 230px;}
/*---BODY--------------------------------*/
/*---DEFAULT---*/
.hero-bkgrd {background: url("/siteart/hero-bkgrd.jpg") no-repeat; background-size: cover; background-position: center;}
.hero-wrapper {width: 90%; margin: 0 auto;}
.h1-flex {display: flex; justify-content: space-between;}
.h1-1 {color: #e31837; font-weight: 700 !important; font-size: 189px; text-shadow: 1px 5px 6px rgba(0, 0, 0, 0.35); line-height: 217px;}
.h1-selling {color: #e31837; font-weight: 700 !important; font-size: 90px; line-height: 82px; margin-top: 31px; text-shadow: 1px 5px 6px rgba(0, 0, 0, 0.35);width: 659px;}
.hero-content img {padding-top: 133px; margin-bottom: 30px; width: 300px;}
.hero-button button {background: #fff; border: 2px #2c2c2c solid; font-size: 14px; font-weight: 700; padding: 10px 0; width: 237px;}
.hero-button button:hover {color: #fff; background: #2c2c2c; border: 2px #2c2c2c solid; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.hero-flex {display: flex; justify-content: space-between;}
.arrow-down {text-align: center; padding-bottom: 20px;}
.arrow-down i {color: #e31837; font-size: 20px;}
.arrow-down a:hover {background: #e31837; border-radius: 20px; padding: 7px 10px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.arrow-down a:hover i {color: #fff;}
.service-quality {background: #2C2C2C; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; position: relative; z-index: 900;}
.service-quality-wrapper {display: flex; justify-content: space-between; width: 80%; margin: 0 auto; padding: 20px 0 25px 0; align-items: center;}
.service-quality h2 {color: #fff; font-size: 30px; line-height: 40px;}
.service-quality h2 span {color: #e31837;}
.service-quality p {font-family: 'Century Gothic', sans-serif !important; color: #fff; font-size: 15px;}
.service-quality button {background: #2C2C2C; border: 2px #fff solid; font-size: 14px; font-weight: 700; padding: 10px 0; width: 237px; color: #fff;}
.service-quality button:hover {background: #e31837; border: 2px #e31837 solid;}
.home-page-nav {background: url("/siteart/home-nav-bkgrd.png") no-repeat; background-size: cover; background-position: bottom;}
.home-page-nav-wrapper {display: flex; justify-content: space-between; width: 80%; margin: 0 auto; padding: 50px 0 124px 0;}
.home-page-nav img {width: 80%; margin-bottom: 10px;}
.home-page-nav a h3 {color: #fff; font-size: 30px; line-height: 35px;}
.home-page-nav a p {font-family: 'Century Gothic', sans-serif !important; color: #fff; font-size: 14px;}
.home-page-nav a p i {font-size: 9px;}
.home-page-nav a:hover h3, .home-page-nav a:hover p, .home-page-nav a:hover i {color: #e31837; text-shadow: 1px 5px 6px rgba(0, 0, 0, 0.35);}
.home-page-nav a:hover img {transform:scale(110%);}
.home-page-nav-wrapper:hover, .home-page-nav-wrapper a:hover h3, .home-page-nav-wrapper a:hover p, .home-page-nav a:hover img, .home-page-nav-wrapper a:hover i {transition: .5s;}
.about-fenton {display: flex; justify-content: space-between; width: 80%; margin: 0 auto; gap: 9%; padding: 80px 0 85px 0; align-items: center;}
.about-fenton-img img {width: 450px;}
.about-fenton-img {width: 100%;}
.about-fenton h4 {font-family: 'oswald', sans-serif !important; font-weight: 400; font-size: 22px;}
.about-fenton p {font-family: 'Century Gothic', sans-serif !important; font-size: 15px; line-height: 21px; margin: 5px 0 18px 0;}
.about-fenton button {background: none; border: none; font-weight: 700; font-size: 15px;}
.about-fenton button i {color: #e31837;}
.about-fenton a:hover button {color: #e31837; text-shadow: 1px 5px 6px rgba(0, 0, 0, 0.15);}
.about-fenton a:hover button i {text-shadow: 1px 5px 6px rgba(0, 0, 0, 0.15);}
.service-dept {background: url("/siteart/service-dep-bkgrd.jpg") no-repeat; background-size: cover; background-position: center; width: 47.3%; height: 220px; display: flex; align-items: flex-end; padding: 35px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.service-dept .hover-link {display: none;}
.service-dept:hover .hover-link {display: contents;}
.service-dept:hover {background: rgba(227,24,55,1);}
.parts-dept {background: url("/siteart/parts-dep-bkgrd.jpg") no-repeat; background-size: cover; background-position: center; width: 47.3%; height: 220px; display: flex; align-items: flex-end; padding: 35px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.parts-dept .hover-link {display: none;}
.parts-dept:hover .hover-link {display: contents;}
.parts-dept:hover {background: rgba(227,24,55,1);}
.departments {display: flex; justify-content: space-between; width: 80%; margin: 0 auto; gap: 10px;}
.departments h3 span {color: #e31837 !important; font-size: 30px !important;}
.departments h3 {color: #fff; font-size: 51px; line-height: 37px;}
.departments .service-dept:hover h3 span {color: #fff !important;}
.departments .parts-dept:hover h3 span {color: #fff !important;}
.service-dept:hover p, .parts-dept:hover p {color: #fff; font-family: 'Century Gothic', sans-serif; font-weight: 600;}
.departments .service-dept:hover h3, .departments .parts-dept:hover h3 {padding-bottom: 130px;}
.dealer-logos {width: 90%; margin: 0 auto; display: flex; justify-content: space-between; margin-top: 80px; margin-bottom: 90px; align-items: center; gap: 50px;}
.dealer-logos img {width: 100%;}
.dealer-logos a {width: 13%;}
/*---FINANCE---*/
.form-wrapper h1 span {color: #e31837 !important; font-size: 26px !important;}
.form-wrapper .h1-span {padding-bottom: 0px !important; line-height: 10px !important;}
.sub-page-p p {font-family: 'Century Gothic', sans-serif !important; font-size: 15px; margin-bottom: 8px; line-height: 21px;}
.sub-page-p a {font-weight: bold; color: #2c2c2c;}
.sub-page-p a:hover {color: #e31837;}
.sub-page-p button {color: #fff !important; background: #e31837 !important; padding: 10px 0 !important; width: 200px !important; display: block !important; text-align: center !important; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border: none; font-family: 'oswald', sans-serif !important; font-size: 16px !important; margin-top: 13px;}
.sub-page-p button:hover {background: #2c2c2c !important;}
/*---ABOUT US---*/
.h2-top {padding-top: 0px !important;}
/*---MAP + HOURS---*/
.map-flex {display: flex; justify-content: space-between; align-items: center;}
.hours-wrapper {width: 90% !important;}
.map-flex iframe {width: 60%;}
.map-flex a, .map-flex li {font-family: 'Century Gothic', sans-serif; font-size: 15px;}
.map-flex p {margin-bottom: 0px;}
.map-flex .heavy {text-transform: uppercase;}
.fenton-mp {font-size: 18px;}
.map-flex a {line-height: 25px;}
.map-flex li {font-weight: 600; line-height: 25px;}
/*---EMPLOYMENT---*/
.career-radio input {width: 2% !important;}
.other-interest input {width: 100% !important;}
.other-interest {margin-top: 8px; margin-bottom: 13px;}
.pick-interest {padding: 14px 0 7px 0;}
/*---SUBMIT A TESTIMONIAL---*/
.anonymous input {width: 2% !important;}
.anonymous-wrapper {margin-bottom: 20px; margin-top: 4px;}
.your-experience {padding-top: 28px !important;}
.equipment-form h3 {color: #e31837; font-size: 16px; padding-bottom: 8px;}
.half-select-width {width: 97.60%;}
/*---THANK YOU---*/
.sub-page-p .button-flex {display: flex; gap: 20px; flex-wrap: wrap;}
.thankyou-p {margin-top: 6px;}
/*--------FORM STYLES--------------------*/
.form-bkgrd {background: url("/siteart/hero-bkgrd.jpg") repeat; background-size: cover; background-position: center;}
.form-wrapper {width: 70%; margin: 0 auto; padding-top: 50px; padding-bottom: 100px;}
.form-wrapper h1 {font-size: 36px; padding-bottom: 10px;}
.form-wrapper tr {display: flex; gap: 20px;}
.form-wrapper input, .form-wrapper td {width: 100%;}
.form-wrapper input {padding: 8px 0px 8px 10px; margin-bottom: 8px;}
.form-p {padding-bottom: 8px;}
.form-wrapper .select {width: 50.35%;}
.form-wrapper select {width: 100%; padding: 8px 0px 8px 7px; margin-bottom: 8px;}
.form-wrapper h2 {padding-top: 15px; font-size: 22px; padding-bottom: 0;}
.form-wrapper textarea {width: 100%; font-family: 'Arial', sans-serif; padding: 8px 0px 8px 10px;}
.form-wrapper .submitselect {color: #fff; background: #e31837; padding: 10px 0; width: 120px; display: block; text-align: center; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.form-wrapper .submitselect:hover {background: #2c2c2c;}
.form-wrapper .captcha-selected {margin-top: 40px; width: 50%;}
.form-wrapper .CaptchaAnswerPanel input, .form-wrapper .submit, .form-wrapper .reset {width: 200px !important;}
.form-wrapper .CaptchaWhatsThisPanel a {color: #e31837 !important; font-family: 'Century Gothic', sans-serif; font-size: 16px; font-weight: 600;}
.form-wrapper .CaptchaMessagePanel {font-weight: 600; font-family: 'Century Gothic', sans-serif; font-size: 15px;}
.form-wrapper .submit, .form-wrapper .reset {font-family: 'Century Gothic', sans-serif; font-weight: 600; background: #2c2c2c; color: #fff; border: none; padding: 10px 0; font-size: 14px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.form-wrapper .submit:hover, .form-wrapper .reset:hover {background: #e31837; cursor: pointer;}
.margin-top-send {margin-top: 13px;}
.form-wrapper .service-radio input {width: 2%;}
.form-wrapper .service-radio label {margin-right: 15px;}
.form-wrapper .service-radio p {margin-bottom: 4px;}
/*-------- FOOTER STYLES ----------------*/
.footer {background: #2c2c2c; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; position: relative;}
.top-footer {width: 80%; margin: 0 auto; display: flex; justify-content: space-between; padding: 25px 0 26px 0; align-items: center;}
.top-footer h5 {color: #fff; font-size: 25px; margin-bottom: 2px;}
.top-footer button {background: #e31837; color: #fff; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border: 1px #e31837 solid; font-family: 'Century Gothic', sans-serif; width: 172px; padding: 6px 0 8px 0; font-size: 12px;}
.top-footer a:hover button {background: #2c2c2c; border: 1px #fff solid;}
.main-footer {width: 80%; margin: 0 auto; display: flex; justify-content: space-between; padding-bottom: 45px;}
.main-footer a img {width: 200px;}
.main-footer a {color: #fff; font-family: 'Century Gothic', sans-serif; font-size: 14px;}
.main-footer button {background: none; border: 2px #fff solid; color: #fff; font-family: 'Century Gothic', sans-serif; width: 172px; padding: 6px 0 8px 0; font-size: 13px; font-weight: 600; margin-top: 10px; margin-bottom: 25px;}
.main-footer button:hover {background: #e31837; border: 2px #e31837 solid;}
.main-footer .bbb {width: 70px;}
.hours-ul {display: flex; gap: 30px;}
.contact-links:hover {color: #e31837;}
.main-footer h6 {color: #fff; font-size: 20px;}
.main-footer-flex {display: flex; gap: 115px;}
.main-footer li {color: #fff; font-family: 'Century Gothic', sans-serif; font-size: 14px; line-height: 25px;}
.main-footer ul {margin-top: 10px;}
.main-footer li a:hover {color: #e31837;}
.long-hr {height: 0px !important; margin-bottom: 55px;}
.main-footer .facebook i {color: #e31837; font-size: 28px; margin-top: 7px;}
.hosted-site {background: #e31837; color: #fff; text-align: center; padding: 10px 0 14px 0;}
.hosted-site h7 {font-size: 12px; font-family: 'Century Gothic', sans-serif; font-weight: 300;}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.list-content { margin-top: 55px !important; margin-bottom: 100px !important;}
.list-top-section .list-title .list-title-text, .list-content .listing-portion-title, .list-content .list-listing .dealer-name, .detail__title {font-family: 'oswald', sans-serif !important; text-transform: uppercase !important;}
.list-top-section .list-title .list-listings-count, .list-top-section .sticky-top-menu .listing-option-bar-content .list-listings-count, .list-content .price-container .price, .listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price {font-family: 'Century Gothic', sans-serif !important; color: #e31837 !important;}
.list-content .media-buttons .print-this, .list-content .media-buttons .email-this, .body-content, .faceted-search-content .selected-facets-container .selected-facet, .faceted-search-content .faceted-section-head .faceted-section-title, .faceted-search-content .faceted-section-box .faceted-search, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn, .list-content .list-listing .listing-main-stats .spec-label, .list-content .list-listing .listing-main-stats .spec-label, .list-content .spec-value, .list-content .listing-description, .list-content .listing-dealer-info .spec-label, .list-content .listing-dealer-info .dealer-data, .list-content .listing-dealer-info spec-valu, .list-content .list-listing .listing-top-right .listing-dealer-info .phone-link, .list-content .listing-widgets a, .fentonrepaircomhdev-9b9i01, .fentonrepaircomhdev-xhioxp, .fentonrepaircomhdev-88jlbf, .fentonrepaircomhdev-9uiqsl, .dealer-contact__branch-name, .dealer-contact__label, .detail-shipping__branch-name, .detail-shipping__label, .fentonrepaircomhdev-1cczsil {font-family: 'Century Gothic', sans-serif !important;}
.faceted-search-content .selected-facets-container .selected-facet, .view-listing-details-link, .fentonrepaircomhdev-88jlbf, .list-content .list-error-container .info button:not(.login-button) {background-color: #e31837 !important; font-weight: 600 !important;}
.faceted-search-content .faceted-section-box .faceted-search, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn {font-weight: 600 !important; background-color: #2c2c2c !important;}
.list-content .list-listing .listing-top-right .listing-dealer-info .phone-link {padding-left: 5px;}
.view-listing-details-link:hover {background-color: #F70C30 !important;}
.contact-list a:first-of-type, .contact-list a {font-weight: 600 !important;}
.disclaimer {font-size: 15px !important; line-height: 21px !important;}
.list-content .listing-description {line-height: 18px !important;}
.detail-wrapper{margin-top: 55px !important; margin-bottom: 100px !important;}
.breadcrumbs__link, .fentonrepaircomhdev-9b9i01, .fentonrepaircomhdev-9uiqsl, .dealer-contact__branch-name, .dealer-contact__label, .detail-shipping__branch-name, .detail-shipping__label {color: #2c2c2c !important;}
/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1680px) {
.hero-flex {gap: 3%;}
.h1-selling {font-size: 78px; width: 100%;}
}
@media only screen and (max-width: 1623px) {
.h1-selling {width: 571px;}
}
@media only screen and (max-width: 1465px) {
.h1-selling {width: 530px; line-height: 71px; font-size: 72px;}
.h1-1 {font-size: 160px; line-height: 198px;}
.hero-content img {width: 220px;}
}
@media only screen and (max-width: 1380px) {
.top-footer, .main-footer {width: 90%;}
}
@media only screen and (max-width: 1350px) {
.about-fenton-img img {width: 360px;}
}
@media only screen and (max-width: 1345px) {
.h1-selling {width: 490px; font-size: 66px; line-height: 66px;}
.h1-1 {font-size: 148px; line-height: 187px;}
}
@media only screen and (max-width: 1300px) {
.dealer-logos {margin-bottom: 55px;}
}
@media only screen and (max-width: 1280px) {
#searchBar {display: none !important;}
.nav-shadow {padding-bottom: 27px;}
}
@media only screen and (max-width: 1276px) {
.single-item {display: none !important;}
.hero-content img {padding-top: 79px;}
.arrow-down {padding-top: 44px;}
}
@media only screen and (max-width: 1160px) {
.top-footer {flex-wrap: wrap; width: 80%; gap: 14px;}
.top-footer div {width: 49%; text-align: center;}
.top-footer button {width: 100%;}
.top-footer hr {display: none;}
}
@media only screen and (max-width: 1150px) {
.dealer-logos {gap: 30px;}
}
@media only screen and (max-width: 1153px) {
.form-wrapper .captcha-selected {width: 100%; margin: 0 auto; margin-top: 40px;}
}
@media only screen and (max-width: 1100px) {
.service-quality-wrapper, .home-page-nav-wrapper, .about-fenton, .departments, .non-form-expand {width: 90% !important;}
.dealer-logos {flex-wrap: wrap; gap: 45px; justify-content: center;}
.dealer-logos a {width: 20%; margin-bottom: 30px;}
}
@media only screen and (max-width: 980px) {
.map-flex iframe {width: 55%;}
}
@media only screen and (max-width: 970px) {
.about-fenton {flex-wrap: wrap;}
.about-fenton-img {margin-bottom: 25px; text-align: center;}
}
@media only screen and (max-width: 950px) {
.main-footer-flex {display: block;}
.hours-ul {margin-bottom: 35px;}
}
@media only screen and (max-width: 930px) {
.service-quality-wrapper {padding: 30px 0 35px 0;}
.service-quality button {margin-top: 17px;}
.service-quality h2 {line-height: 33px; width: 298px;}
.service-quality p {margin-top: 6px;}
}
@media only screen and (max-width: 900px) {
.dealer-logos {gap: 28px;}
}
@media only screen and (max-width: 873px) {
.top-footer {width: 90%;}
}
@media only screen and (max-width: 870px) {
.map-flex iframe {width: 50%;}
}
@media only screen and (max-width: 800px) {
.home-page-nav a {width: 50%; text-align: center;}
.home-page-nav-wrapper {flex-wrap: wrap;}
.split-cutout {margin-top: 50px;}
.departments {flex-wrap: wrap;}
.service-dept, .parts-dept {width: 100%;}
.form-wrapper tr {flex-wrap: wrap; gap: 0px;}
.form-wrapper input {padding: 10px 0px 10px 10px;}
.form-wrapper textarea {margin-top: 0px !important;}
.form-wrapper .submitselect {margin-top: 20px;}
.form-wrapper .input-half {width: 100%;}
.margin-top-send {margin-top: 0px;}
.form-wrapper .service-radio input {width: 3%; margin-bottom: 24px;}
.career-radio input, .anonymous input {width: 3% !important;}
.form-wrapper .select, .half-select-width {width: 100%;}
}
@media only screen and (max-width: 780px) {
.map-flex iframe {width: 45%;}
}
@media only screen and (max-width: 776px) {
.top-footer div {width: 48%;}
}
@media only screen and (max-width: 740px) {
.h1-selling {width: 100%;}
}
@media only screen and (max-width: 700px) {
.dealer-logos a {width: 28%;}
}
@media only screen and (max-width: 690px) {
.map-flex {flex-wrap: wrap;}
.map-flex iframe {width: 100%; margin-top: 70px;}
.map-hours {width: 100%;}
}
@media only screen and (max-width: 688px) {
.h1-selling {font-size: 65px; line-height: 66px;}
}
@media only screen and (max-width: 680px) {
.h1-1 {font-size: 229px; line-height: 248px;}
}
@media only screen and (max-width: 652px) {
.h1-selling {font-size: 64px;}
}
@media only screen and (max-width: 646px) {
.h1-selling {font-size: 63px; line-height: 62px;}
.h1-1 {font-size: 213px; line-height: 237px;}
}
@media only screen and (max-width: 630px) {
.service-quality-wrapper {display: block;}
}
@media only screen and (max-width: 623px) {
.h1-selling {font-size: 62px;}
}
@media only screen and (max-width: 617px) {
.h1-selling {font-size: 50px; line-height: 50px; width: 290px;}
.h1-1 {font-size: 172px; line-height: 203px;}
.hero-content img {width: 170px;}
}
@media only screen and (max-width: 600px) {
.main-footer {display: block;}
.main-footer-flex {margin-top: 50px;}
.long-hr {margin-bottom: 30px;}
}
@media only screen and (max-width: 525px) {
.h1-selling {width: 100%;}
}
@media only screen and (max-width: 500px) {
.dealer-logos {gap: 18px; justify-content: space-between;}
.dealer-logos a {width: 40%;}
}
@media only screen and (max-width: 497px) {
.h1-selling {font-size: 49px;}
}
@media only screen and (max-width: 491px) {
.h1-1 {font-size: 128px; line-height: 172px;}
.hero-button button {margin-top: 36px;}
}
@media only screen and (max-width: 466px) {
.button-flex button {width: 100% !important;}
.sub-page-p .button-flex {display: block;}
}
@media only screen and (max-width: 450px) {
.home-page-nav img {width: 70%;}
.home-page-nav-wrapper {width: 98%;}
.about-fenton-img img {width: 100%;}
.form-wrapper {width: 90%;}
.form-wrapper input, .form-wrapper td {width: 98%;}
.form-wrapper .submitselect, .form-wrapper .submit, .form-wrapper .reset, .sub-page-p button {width: 100% !important;}
.form-wrapper .service-radio input, .career-radio input, .anonymous input {width: 4% !important;}
}
@media only screen and (max-width: 446px) {
.h1-selling {font-size: 48px; line-height: 48px;}
.h1-1 {font-size: 124px; line-height: 165px;}
}
@media only screen and (max-width: 420px) {
/*
.departments h3 span {font-size: 18px !important;}
.departments h3 {font-size: 32px;}
*/
.service-dept, .parts-dept {height: 130px; padding: 35px 20px;}
.service-dept:hover .hover-link, .parts-dept:hover .hover-link {display: none;}
.departments {width: 100%;}
.dealer-logos a {width: 45%; margin-bottom: 36px;}
.departments .service-dept:hover h3, .departments .parts-dept:hover h3 {padding-bottom: 0px;}
}
@media only screen and (max-width: 435px) {
.h1-1 {font-size: 115px; line-height: 155px;}
.h1-selling {font-size: 44px; line-height: 44px;}
.hero-content img {width: 145px;}
}
@media only screen and (max-width: 400px) {
.h1-1 {font-size: 99px; line-height: 144px;}
}
@media only screen and (max-width: 388px) {
.top-footer div {width: 100%;}
}
@media only screen and (max-width: 384px) {
.h1-selling {font-size: 38px; line-height: 38px;}
}
@media only screen and (max-width: 380px) {
.service-quality h2 {width: 100%;}
.service-quality button, .hero-button button {width: 100%;}
.home-page-nav a h3 {font-size: 25px;}
.home-page-nav a p {font-size: 13px;}
}
@media only screen and (max-width: 365px) {
.h2-top {line-height: 26px;}
}
@media only screen and (max-width: 358px) {
.non-form-expand h1 {line-height: 34px !important; padding-bottom: 20px !important;}
.form-wrapper h1 span {line-height: 30px !important;}
}
@media only screen and (max-width: 350px) {
.dealer-logos {justify-content: center;}
.dealer-logos a {width: 62%;}
.departments h3 {font-size: 45px;}
}
@media only screen and (max-width: 345px) {
.h1-selling {font-size: 37px;}
}
@media only screen and (max-width: 339px) {
.h1-selling {font-size: 36px; line-height: 36px;}
.h1-1 {font-size: 94px; line-height: 139px;}
}
@media only screen and (max-width: 330px) {
.service-quality h2 {width: 90%;}
}
@media only screen and (max-width: 327px) {
.h1-selling {font-size: 35px; line-height: 35px;}
}
@media only screen and (max-width: 322px) {
.h1-selling {font-size: 47px; line-height: 47px;}
.h1-1 {font-size: 104px; line-height: 148px;}
}
@media only screen and (max-width: 320px) {
.home-page-nav a {width: 100%;}
.split-cutout {margin-top: 0px;}
.home-page-nav-wrapper {padding: 50px 0 195px 0;}
.home-page-nav a p {margin-bottom: 55px;}
}
@media only screen and (max-width: 315px) {
.departments h3 {font-size: 40px;}
}
@media only screen and (max-width: 308px) {
.h1-selling {font-size: 42px; line-height: 42px;}
}
@media only screen and (max-width: 290px) {
.form-wrapper .service-radio input, .career-radio input, .anonymous input {width: 5% !important;}
.h1-selling {font-size: 36px; line-height: 36px;}
.h1-1 {font-size: 96px; line-height: 142px;}
.hero-content img {width: 118px;}
.service-dept, .parts-dept {padding: 24px 14px;}
}