﻿/***** 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 --------*/

body {

}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none; cursor: pointer !important;}
button:hover {cursor: pointer !important;}

hr{border:#000 1px solid;}
html {font-family: 'poppins', sans-serif;}

/*--- HEADER STYLES ---------------------*/
.header-search {display: none; top: 100%; right: 0; background: #F7F7F7; z-index: 9999; padding: 10px 0;}
.header-search.active {display: block;}
.header-search form {display: flex; width: 95%; margin: 0 auto; gap: 10px; align-items: center;}
.header-search input {width: 100% !important; background: #FFF !important; padding: 10px 0 8px 20px !important; font-family: 'poppins', sans-serif !important; font-size: 15px !important; line-height: 25px !important; color: #000 !important; border: none !important; border-radius: 50px !important;}
.header-search input::placeholder {color: #000 !important;}
.header-search button {background: none; border: none; color: #19200F; font-size: 20px; padding: 0px}
.header-search button i {width: 33px; height: 33px; background: none; border-radius: 50px; display: flex; justify-content: center; align-items: center; font-size: 16px; line-height: 16px; border: 1px #000 solid; color: #000;}
.header-search button:hover i {background: #D11E19; border: 1px #D11E19 solid; color: #fff; transition: .4s;}

header {background: #F7F7F7;}
.header-wrap {width: 95%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 20px 0;}
.header-logo {width: 300px;}
.header-logo a, .header-logo img {width: 100%;}
.header-links {display: flex; justify-content: flex-end; align-items: center; gap: 30px;}
.header-links > a:first-child, .header-links > a:nth-child(2) {display: flex; gap: 10px; align-items: center;}
.header-links a {font-family: 'poppins', sans-serif; font-weight: 400; font-size: 16px; line-height: 26px; color: #000;}
.header-links > a:first-child i, .header-links > a:nth-child(2) i {border: 1px #000 solid; width: 33px; height: 33px; border-radius: 50px; display: flex; justify-content: center; align-items: center;}
.header-links > a:last-child i {background: #D11E19; color: #fff; border: 1px #D11E19 solid; width: 33px; height: 33px; border-radius: 50px; display: flex; justify-content: center; align-items: center;}
.header-links a:hover {color: #D11E19; transition: .8s;}
.header-links > a:first-child:hover i, .header-links > a:nth-child(2):hover i {background: #D11E19; border: 1px #D11E19 solid; color: #fff; transition: .4s;}

/*---BODY--------------------------------*/
/*---DEFAULT---*/
.hero-bkgrd {background: url("/siteart/hero.jpg") no-repeat; background-position: center; background-size: cover;}
.hero-overlay {background: #000; background: radial-gradient(circle, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.6) 100%);}
.hero-wrap {width: 95%; margin: 0 auto; padding: 125px 0; text-align: center;}
.hero-wrap h1 {font-family: 'roboto-flex', sans-serif; font-weight: 700; font-size: 70px; line-height: 80px; color: #fff; text-transform: uppercase; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); margin-bottom: 20px;}
.hero-wrap p {font-family: 'poppins', sans-serif; font-weight: 400; font-size: 18px; line-height: 28px; color: #fff;}
.hero-wrap button {background: #D11E19; border: 1px #D11E19 solid; border-radius: 50px; width: 230px; margin: 0 auto; display: flex; justify-content: center; align-items: center; color: #fff; font-family: 'poppins', sans-serif; font-weight: 400; font-size: 16px; line-height: 26px; padding: 12px 0 10px 0; margin-top: 40px;}
.hero-wrap button:hover {background: rgba(0,0,0,0.25); border: 1px #fff solid; transition: .8s;}

.cat-bkgrd {background: #000;}
.cat-wrap {width: 95%; margin: 0 auto; padding: 20px 0;}
.cat-slide {background: #191919; border-radius: 5px; padding: 20px; text-align: center;}
.cat .slick-track {display: flex; gap: 10px;}
.cat img {margin: 0 auto;}
.cat a:hover img {transition: .8s; transform: scale(1.10);}
.cat p {font-family: 'roboto-flex', sans-serif; font-weight: 400; font-size: 20px; line-height: 30px; color: #fff;}
.cat .slick-prev:before, .slick-next:before {color: #D11E19 !important;}

.brands-bkgrd {background: #F7F7F7;}
.brands-wrap {width: 95%; margin: 0 auto; padding: 100px 0;}
.brands-top {display: flex; justify-content: space-between; align-items: flex-end;}
.brands-top h2 {font-family: 'roboto-flex', sans-serif; font-weight: 700; font-size: 45px; line-height: 55px; color: #000; text-transform: uppercase; margin-bottom: 10px;}
.brands-top p {font-family: 'poppins', sans-serif; font-weight: 400; font-size: 16px; line-height: 26px; color: #000;}
.brands-top button {background: none; border: none; padding: 0px; color: #D11E19; font-family: 'poppins', sans-serif; font-size: 16px; line-height: 26px; font-weight: 400; display: flex; align-items: center; gap: 10px;}
.brands-top button i {margin-top: -2px;}
.brands-top button:hover {gap: 15px; transition: .8s;}
.brands {margin-top: 30px;}
.promaster-1500 {background: url("/siteart/brand-bkgrds/promaster-1500.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 5px;}
.promaster-2500 {background: url("/siteart/brand-bkgrds/promaster-2500.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 5px;}
.promaster-3500 {background: url("/siteart/brand-bkgrds/promaster-3500.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 5px;}
.promaster-ev-3500 {background: url("/siteart/brand-bkgrds/promaster-ev-3500.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 5px;}
.ram-1500 {background: url("/siteart/brand-bkgrds/ram-1500.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 5px;}
.ram-2500 {background: url("/siteart/brand-bkgrds/ram-2500.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 5px;}
.ram-3500 {background: url("/siteart/brand-bkgrds/ram-3500.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 5px;}
.ram-4500 {background: url("/siteart/brand-bkgrds/ram-4500.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 5px;}
.ram-5500 {background: url("/siteart/brand-bkgrds/ram-5500.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 5px;}
.brands .slick-track {display: flex; gap: 10px;}
.brands a {width: 100%; border-radius: 5px;}
.brands-overlay {background: #000; background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.6) 100%); border-radius: 5px;}
.brands-overlay div {padding: 300px 20px 20px 20px;}
.brands-overlay h3 {font-family: 'roboto-flex', sans-serif; font-weight: 700; font-size: 35px; line-height: 45px; color: #fff; text-transform: uppercase; margin-bottom: 5px;}
.brands-overlay p {font-family: 'poppins', sans-serif; font-weight: 400; font-size: 14px; line-height: 24px; color: #fff; display: flex; gap: 10px; align-items: center;}
.brands-overlay p i {margin-top: -2px;}
.brands a:hover p {gap: 15px; transition: .8s;}

.about-bkgrd {background: #000; padding: 100px 0;}
.about-top, .about-bottom {display: flex; align-items: center; gap: 50px;}
.about-bkgrd h2 {font-family: 'roboto-flex', sans-serif; font-weight: 700; font-size: 45px; line-height: 50px; color: #fff; text-transform: uppercase; margin-bottom: 20px;}
.about-bkgrd p {font-family: 'poppins', sans-serif; font-size: 16px; line-height: 26px; color: #fff; margin-top: 12px;}
.about-bkgrd button {background: #D11E19; border: 1px #D11E19 solid; border-radius: 50px; padding: 12px 0 10px 0; color: #fff; font-family: 'poppins', sans-serif; font-size: 15px; line-height: 25px; margin-top: 25px;}
.about-bkgrd button:hover {border: 1px #fff solid; background: none; transition: .8s;}
.about-top {margin-bottom: 50px;}
.about-top > div:first-child {margin-left: 50px;}
.about-top > div:first-child, .about-bottom > div:last-child {width: 50%;}
.about-top > div:last-child, .about-bottom > div:first-child {width: 50%;}
.about-top button {width: 220px;}
.about-top img {border-radius: 5px 0 0 5px; width: 100%;}
.about-bottom > div:last-child {margin-right: 50px;}
.about-bottom button {width: 160px;}
.about-bottom img {border-radius: 0 5px 5px 0; width: 100%;}
.business-link {display: flex; justify-content: flex-end; margin-top: 50px;}
.business-link img {width: 200px;}

/*---SERVICE + PARTS---*/
.hero-breadcrumbs {display: flex; justify-content: center; gap: 15px; align-items: center; flex-wrap: wrap;}
.hero-breadcrumbs a {color: #fff;}
.hero-breadcrumbs a:hover {border-bottom: 1px #fff solid; transition: .8s;}
.service-flex {display: flex;}
.service-content, .parts-content {width: 100%; padding: 100px 50px;}
.service-content {background: #F7F7F7;}
.service-flex h2, .finance-header h2 {font-family: 'roboto-flex', sans-serif; font-weight: 700; font-size: 45px; line-height: 55px; color: #000; text-transform: uppercase; margin-bottom: 20px;}
.service-flex li {font-family: 'poppins', sans-serif; font-weight: 400; font-size: 16px; line-height: 26px; color: #000; margin-bottom: 8px;}
.service-flex button, .business-header button {background: #D11E19; border: 1px #D11E19 solid; border-radius: 50px; padding: 12px 0 10px 0; color: #fff; font-family: 'poppins', sans-serif; font-size: 15px; line-height: 25px; margin-top: 25px; width: 200px;}
.service-flex button:hover, .financing-padding button:hover, .business-header button:hover {border: 1px #000 solid; background: #000; transition: .8s;}
.service-flex h3, .financing-padding h3 {font-family: 'roboto-flex', sans-serif; font-weight: 700; font-size: 30px; line-height: 40px; color: #000; text-transform: uppercase; margin-bottom: 20px; margin-top: 30px;}
.service-flex h4 {font-family: 'roboto-flex', sans-serif; font-weight: 700; font-size: 22px; line-height: 32px; color: #000; text-transform: uppercase; margin-bottom: 20px; margin-top: 30px;}

.contact-bkgrd {background: #000;}
.contact-wrap {width: 95%; margin: 0 auto; padding: 100px 0; display: flex; gap: 50px;}
.contact-wrap > div:first-child {width: 60%;}
.contact-wrap > div:last-child {width: 40%;}
.contact-wrap h2 {font-family: 'roboto-flex', sans-serif; font-weight: 700; font-size: 45px; line-height: 55px; color: #fff; text-transform: uppercase; margin-bottom: 20px;}
.contact-wrap h3 {font-family: 'roboto-flex', sans-serif; font-weight: 700; font-size: 30px; line-height: 40px; color: #fff; text-transform: uppercase; margin-bottom: 20px; margin-top: 30px;}
.contact-wrap form {margin-top: 30px;}
.contact-wrap form button, .financing-padding button {background: #D11E19; border: 1px #D11E19 solid; border-radius: 50px; padding: 12px 0 10px 0; color: #fff; font-family: 'poppins', sans-serif; font-size: 15px; line-height: 25px; margin-top: 30px; width: 150px;}
.contact-wrap form button:hover {border: 1px #fff solid; background: none; transition: .8s;}
.service-hours p {font-family: 'poppins', sans-serif; color: #fff; font-size: 18px; line-height: 28px; font-weight: 600;}
.service-hours > div {background: #191919; margin-top: 10px; margin-bottom: 50px; border-radius: 5px;}
.service-hours .hours-flex {padding: 20px;}
.service-hours .hours-flex ul {display: flex; justify-content: space-between; border-bottom: 1px rgba(145,145,145,0.30) solid;}
.service-hours .hours-flex li {color: #919191; font-family: 'poppins', sans-serif; font-size: 16px; line-height: 26px; padding: 10px 0 5px 0;}
.service-hours .hours-flex > ul:last-child {border-bottom: 0px;}
.contact-wrap iframe {border-radius: 5px;}

/*---ABOUT---*/
.about-us-bkgrd {background: #F7F7F7;}
.about-us {display: flex; padding: 100px 0; width: 95%; margin: 0 auto; gap: 50px; align-items: flex-start;}
.about-us > div:first-child {width: 60%;}
.about-us > div:last-child {width: 40%;}
.contact-today {background: #fff; padding: 20px 30px 50px 30px; height: auto; border-radius: 5px;}
.about-us p a {color: #D11E19;}
.about-us p a:hover {text-decoration: underline; transition: .8s;}
.about-us img {width: 100%; border-radius: 5px;}

/*---FINANCING---*/
.tires-bkgrd {background: url("/siteart/tires-bkgrd.jpg") no-repeat; background-position: center; background-size: cover;}
.cdl-bkgrd {background: url("/siteart/ram-truck-trailer.jpg") no-repeat; background-position: center; background-size: cover;}
.financing-bkgrd {background: #F7F7F7; padding-bottom: 100px}
.financing-wrap {width: 95%; margin: 0 auto; background: #fff; border-radius: 5px;}
.financing-padding {padding: 20px 30px 50px 30px;}

.finance-flex {flex-wrap: wrap; justify-content: center; padding-top: 60px;}
.finance-flex > div {width: 45% !important;}
.finance-flex h3 span {font-weight: 400;}

.finance-header {background: #F7F7F7;}
.finance-header div {width: 95%; margin: 0 auto; padding-top: 100px; text-align: center;}
.finance-header h2 {margin-bottom: 0px;}

.financing-asterisk {text-align: center; font-size: 15px; line-height: 25px;}
.calc-numb {width: 100%;}
.calc-flex {display: flex; justify-content: space-between; gap: 50px; margin: 25px 0 35px 0;}
.calc-flex > hr {margin: 0px;}
.calc-flex hr {border: 1px rgba(25,25,25,0.15) solid;}
.calc-numb > div {display: flex; justify-content: space-between; width: 100%; gap: 10px;}
.calc-numb p {margin-bottom: 5px;}
.calc-numb p span {font-size: 13px; line-height: 23px; color: #8C8C8C;}
.calc-numb hr {margin: 15px 0;}

.cdl-btn {width: 300px !important;}
.cdl-driver-btn {width: 350px !important;}
.cdl-license {display: block !important; padding-top: 0px;}

/*---BUSINESSLINK---*/
.sub-hero-bkgrd {background: url("/siteart/sub-hero.jpg") no-repeat; background-position: center; background-size: cover;}
.sub-hero-overlay {background: #000; background: radial-gradient(circle, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.8) 100%);}
.business-header h2 {margin-bottom: 20px;}
.business-header p {width: 1200px; margin: 0 auto;}
.business-video {background: none; display: flex; justify-content: center;}

/*---THANKYOU---*/
.thankyou-border {border-top: 1px rgba(25,25,25,0.10) solid; border-bottom: 1px rgba(25,25,25,0.10) solid; padding-bottom: 100px;}

/*--------FORM STYLES--------------------*/
.form-flex {display: flex; gap: 10px; margin-bottom: 18px;}
.form-flex > div {width: 100%;}
.form-flex label {width: 100%; font-family: 'poppins', sans-serif; font-size: 15px; line-height: 25px; color: #fff;}
.form-flex input {width: 100%; background: #191919; color: #fff; padding: 12px 0 10px 0; border: none; font-family: 'poppins', sans-serif; font-size: 16px; line-height: 26px; margin-top: 5px;}
.form-flex input::placeholder, .form-flex textarea::placeholder {color: #919191; padding-left: 15px;}
.form-flex textarea {width: 100%; background: #191919; color: #fff; padding: 12px 0 0 0; border: none; font-family: 'poppins', sans-serif; font-size: 16px; line-height: 26px; margin-top: 5px; height: 180px;}

/*-------- FOOTER STYLES ----------------*/
footer {background: #F7F7F7;}
.footer-wrap {width: 95%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 100px 0;}
.footer-left img {width: 250px;}
.footer-left ul {margin: 30px 0;}
.footer-left li {margin-bottom: 10px;}
.footer-left li a {font-family: 'poppins', sans-serif; font-size: 15px; line-height: 25px; color: #000; display: flex; align-items: center; gap: 10px;}
.footer-left li a:hover {color: #D11E19; transition: .8s;}
.footer-left a i {border: 1px #000 solid; border-radius: 50px; width: 28px; height: 28px; display: flex; justify-content: center; align-items: center; font-size: 14px; line-height: 14px;}
.footer-left a:hover i {background: #D11E19; color: #fff; border: 1px #D11E19 solid; transition: .4s;}
.footer-left > a i {background: #D11E19; border: 1px #D11E19 solid; color: #fff; width: 35px; height: 35px; font-size: 18px; line-height: 18px;}
.footer-right p {font-family: 'poppins', sans-serif; font-weight: 600; font-size: 18px; line-height: 28px; color: #000;}
.footer-right ul {margin-top: 15px;}
.footer-right li {margin-bottom: 5px;}
.footer-right li a {font-family: 'poppins', sans-serif; font-size: 15px; line-height: 25px; color: #000;}
.footer-right li a:hover {color: #D11E19; transition: .8s;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.body-wrapper {border-top: 1px rgba(25,25,25,0.10) solid !important; border-bottom: 1px rgba(25,25,25,0.10) solid !important;}
.body-wrapper, .list-redesign .bottom-section .side-container, .list-content .list-error, .list-top-section .list-bcrumbs-and-title .ground-bcrumbs .media-buttons .print-this, .list-top-section .list-bcrumbs-and-title .ground-bcrumbs .media-buttons .email-this, .list-redesign .list-container-flexrow .list-listing-card-wrapper .ListingParentElement {background: #F7F7F7 !important;}
.body-wrapper, .faceted-search-content .faceted-section-head .faceted-section-title, .list-redesign .list-container-flexrow .list-listing-card-wrapper .listing-card-grid .list-listing-title .listing-category, .options-popper-div .options-popper-btn, .list-content .spec-value, .list-redesign .contact-container .shared .dealer-data .phone-link, .kufleitnercommercialcomhdev-1k43yua, .kufleitnercommercialcomhdev-kv0rfi, .kufleitnercommercialcomhstg-1k43yua, .kufleitnercommercialcomhstg-kv0rfi, .kufleitnercommercialcomhstgsandhillsdemocom-1k43yua, .kufleitnercommercialcomhstgsandhillsdemocom-kv0rfi, .wwwkufleitnercommercialcom-1k43yua, .wwwkufleitnercommercialcom-kv0rfi, .detail__cta-buttons, .body-content {font-family: 'poppins', sans-serif !important;}
.list-top-section .list-title .list-title-text, .list-content .listing-portion-title a, .detail__title {font-family: 'roboto-flex', sans-serif !important; text-transform: uppercase !important; font-weight: 700 !important;}
.list-redesign, .detail-wrapper {padding: 50px 0 !important;}
.list-top-section .list-listings-count, .listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price {color: #D11E19 !important;}
.faceted-search-content .selected-facets-container .selected-facet, .list-container-flexrow .view-listing-details-link, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text, .ts-modal-container .form-bottom .captcha-and-submit .captcha-placeholder button, .ts-modal-container .form-bottom .captcha-and-submit .captcha-placeholder input, .linking-buttons a.active {background: #D11E19 !important;}
.faceted-search-content .faceted-section-box .faceted-search {background: #000 !important;}
.kufleitnercommercialcomhdev-4mbtxb, .kufleitnercommercialcomhdev-1ss0fus, .kufleitnercommercialcomhstg-4mbtxb, .kufleitnercommercialcomhstg-1ss0fus, .kufleitnercommercialcomhstgsandhillsdemocom-4mbtxb, .kufleitnercommercialcomhstgsandhillsdemocom-1ss0fus, .wwwkufleitnercommercialcom-4mbtxb, .wwwkufleitnercommercialcom-1ss0fus {background: none !important; color: #000 !important;}


/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1800px) {
	.finance-flex > div {width: 44% !important;}
}
@media only screen and (max-width: 1550px) {
	.finance-flex > div {width: 43% !important;}
}
@media only screen and (max-width: 1300px) {
	.finance-flex > div {width: 42% !important;}
}
@media only screen and (max-width: 1250px) {
	.header-logo {width: 250px;}
	.header-links a {font-size: 15px; line-height: 25px;}
	.business-header p {width: 100%;}
}
@media only screen and (max-width: 1150px) {
	.finance-flex > div {width: 41% !important;}
}
@media only screen and (max-width: 1050px) {
	.about-top, .about-bottom, .form-flex, .about-us, .finance-flex, .calc-flex {flex-wrap: wrap;}
	.about-top > div:first-child {margin-left: 0px;}
	.about-bottom > div:last-child {margin-right: 0px;}
	.about-top > div:last-child, .about-bottom > div:first-child, .about-top > div:first-child, .about-bottom > div:last-child {width: 100% !important;}
	.about-top, .about-bottom {width: 95%; margin: 0 auto;}
	.about-top {margin-bottom: 50px;}
	.about-top img, .about-bottom img {border-radius: 5px;}
	.about-bottom {flex-direction: column-reverse;}
	.contact-wrap > div:first-child {width: 55%;}
	.contact-wrap > div:last-child {width: 45%;}
	.about-us > div:first-child, .about-us > div:last-child {width: 100%;}
	.finance-flex > div {width: 100% !important;}
	.calc-flex > div:first-child {margin-bottom: -15px;}
	.calc-flex > hr {width: 100%;}
	.calc-flex {gap: 30px;}
}
@media only screen and (max-width: 850px) {
	.form-flex {flex-wrap: nowrap;}
	.contact-wrap > div:first-child, .contact-wrap > div:last-child {width: 100%;}
	.contact-wrap {flex-wrap: wrap;}
}
@media only screen and (max-width: 800px) {
	.header-links {display: none;}
	.header-wrap {justify-content: center;}
	.slick-prev {left: 0px !important; z-index: 500 !important;}
	.slick-next {right: 0px !important;}
}
@media only screen and (max-width: 650px) {
	.brands-top {flex-wrap: wrap; gap: 20px;}
	.brands-top div, .brands-top a {width: 100%;}
}
@media only screen and (max-width: 600px) {
	.footer-wrap {flex-wrap: wrap; gap: 50px;}
	.footer-left, .footer-right {width: 100%;}
	.hero-wrap h1 {font-size: 60px; line-height: 70px;}
	.hero-wrap {padding: 100px 0;}
	.brands-top h2, .about-bkgrd h2, .business-header h2, .contact-wrap h2, .service-flex h2, .finance-header h2 {font-size: 40px; line-height: 50px;}
}
@media only screen and (max-width: 450px) {
	.form-flex {flex-wrap: wrap;}
	.hero-wrap h1 {font-size: 50px; line-height: 60px;}
	.hero-wrap, .brands-wrap, .about-bkgrd, .contact-wrap, .about-us {padding: 80px 0;}
	.hero-wrap p {font-size: 16px; line-height: 26px;}
	.hero-wrap button {font-size: 15px; line-height: 25px;}
	.brands-top h2, .about-bkgrd h2, .business-header h2, .contact-wrap h2, .service-flex h2, .finance-header h2 {font-size: 35px; line-height: 45px;}
	.brands-top p, .brands-top button, .about-bkgrd p, .business-header p, .service-flex li, .form-flex input, .form-flex textarea, .service-hours .hours-flex li, .about-us p, .financing-padding p {font-size: 15px; line-height: 25px;}
	.about-bkgrd button, .service-flex button, .contact-wrap form button, .financing-padding button, .business-header button {font-size: 14px; line-height: 24px;}
	.finance-header div {padding-top: 80px;}
	.service-flex h3, .financing-padding h3, .contact-wrap h3 {font-size: 28px; line-height: 38px;}
	.service-flex h4 {font-size: 20px; line-height: 30px;}
	.contact-today, .financing-padding {padding: 20px 20px 50px 20px;}
	.thankyou-border, .financing-bkgrd {padding-bottom: 80px;}
	.finance-flex {padding-top: 50px;}
	.cdl-license {padding-top: 0px;}
}
@media only screen and (max-width: 380px) {
	.cdl-btn, .cdl-driver-btn {width: 100% !important;}
	.cdl-driver-btn {padding-left: 20px !important; padding-right: 20px !important;}
}
@media only screen and (max-width: 350px) {
	.header-logo, .footer-left img {width: 75%;}
	.hero-wrap h1 {font-size: 40px; line-height: 50px;}
	.brands-top h2, .about-bkgrd h2, .brands-overlay h3, .business-header h2, .contact-wrap h2, .service-flex h2, .finance-header h2 {font-size: 30px; line-height: 40px;}
	.service-flex h3, .financing-padding h3, .contact-wrap h3 {font-size: 25px; line-height: 35px;}
	.service-flex h4 {font-size: 18px; line-height: 28px;}
	.hero-breadcrumbs p {font-size: 14px; line-height: 24px;}
}




