/***** 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: 'Barlow', sans-serif !important;}

/*--- HEADER STYLES ---------------------*/
header {width: 95%; margin: 0 auto; padding: 15px 0; display: flex; justify-content: space-between; align-items: center; font-family: 'Barlow', sans-serif !important;}
.header-search {display: flex; justify-content: flex-end ;}
.header-search input {font-family: 'Barlow', sans-serif !important; color: #818181 !important; font-size: 14px !important; font-weight: 300 !important; line-height: 14px !important; padding: 9px 0 6px 15px !important; width: 250px !important; border-radius: 0px !important; border: 1px #BFBFBF solid !important; margin-right: -4px !important;}
.header-search button {background: #FA5E2A; border: none; color: #fff; font-size: 17px; padding: 6px 9px;}
.header-contact {display: flex; margin-top: 50px; justify-content: flex-end; gap: 50px;}
.header-contact a {display: flex; align-items: center; gap: 12px;}
.header-contact a i {font-size: 32px; color: #FA5E2A;}
.header-contact a p {text-transform: uppercase; color: #231F20; font-weight: 800; font-size: 18px; line-height: 18px;}
.header-contact a p span {font-size: 12px; font-weight: 300; text-transform: capitalize; line-height: 12px;}
.header-search button:hover {background: #231F20; transition: .5s;}
.header-contact a:hover p {color: #FA5E2A; transition: .5s;}

/*---BODY--------------------------------*/
/*---DEFAULT---*/
#hero-bkgrd {background: url("/siteart/hero.jpg") no-repeat; background-position: center; background-size: cover;}
.hero-overlay {background: rgba(46,46,46,0.35);}
.hero-content {width: 95%; margin: 0 auto; padding: 220px 0 50px 0;}
.hero-content div {width: 850px;}
.hero-content div p {text-transform: uppercase; font-size: 23px; line-height: 28px; font-weight: 300; color: #fff; margin-bottom: 5px;}
.hero-content div h1 {text-transform: uppercase; color: #fff; font-size: 50px; font-weight: 800; line-height: 55px;}
.hero-content div button {background: #FA5E2A; border: none; width: 220px; padding: 12px 0; font-size: 16px; color: #fff; font-family: 'Barlow', sans-serif; margin-top: 15px;}
.hero-content div button:hover {background: #1A1A1A; transition: .5s;}

#home-callto {width: 90%; margin: 0 auto; background: #FA5E2A; margin-top: 50px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.callto-flex {display: flex; justify-content: space-around; align-items: center;}
.callto-flex a {display: flex; align-items: center; gap: 15px; width: 100%; justify-content: center; padding: 20px 0;}
.callto-flex hr {margin: 0px; border: 1px rgba(255,255,255,0.30) solid; height: 27px;}
.callto-flex h2 {color: #fff; text-transform: uppercase; font-size: 22px; font-weight: 600; line-height: 22px; margin-bottom: 3px;}
.callto-flex p {color: #fff; font-size: 15px; line-height: 15px; font-weight: 300; display: flex; align-items: center;}
.callto-flex a:hover {background: #1A1A1A; transition: .5s;}

#home-brands {width: 90%; margin: 0 auto; text-align: center; margin-top: 100px;}
#home-brands p {font-size: 20px; text-transform: uppercase; color: #1A1A1A; font-weight: 400; line-height: 20px; margin-bottom: 3px;}
#home-brands h3 {color: #FA5E2A; font-size: 40px; line-height: 45px; font-weight: 600; text-transform: uppercase;}
.brands-fixed {display: flex; gap: 10px; align-content: center; justify-content: center; width: 99%; margin: 0 auto;  margin-top: 30px; margin-bottom: 15px;}
.brands-fixed a {width: 100%; display: flex; align-items: center; border: 1px #DFDFDF solid; justify-content: center;}
.brands-fixed a:hover img, .brands-slide a:hover img {transition: .5s; opacity: .4;}
.brands-fixed img {width: 100%;}
.brands-slide a {width: 100%; display: flex; align-items: center; border: 1px #DFDFDF solid; justify-content: center;}
.brands-slide img {width: 100%;}
.brands-button button {background: #FA5E2A; border: none; width: 220px; padding: 12px 0; font-size: 16px; color: #fff; font-family: 'Barlow', sans-serif; margin-top: 40px;}
.brands-button button:hover {background: #1A1A1A; transition: .5s;}

#home-about {background: url("/siteart/about-bkgrd.jpg") no-repeat; background-position: center; background-size: cover; margin-top: 100px;}
.about-overlay {background: rgba(46,46,46,0.80);}
.about-content {width: 95%; margin: 0 auto; padding: 60px 0; display: flex; gap: 50px; align-items: center;}
.about-kalvesta .welcome-to p {font-size: 20px; line-height: 20px; color: #fff; text-transform: uppercase; font-weight: 300; margin-bottom: 3px;}
.about-kalvesta h3 {color: #fff; font-size: 40px; line-height: 45px; font-weight: 600; text-transform: uppercase;}
.about-kalvesta .family-owned p {text-transform: uppercase; color: #fff; font-size: 18px; font-style: italic; font-weight: 300; line-height: 26px; margin: 10px 0;}
.about-kalvesta p {color: #fff; font-size: 18px; line-height: 26px; font-weight: 400;}
.about-kalvesta .we-commit p {font-size: 18px; font-weight: 800; text-transform: uppercase; color: #fff; line-height: 26px; margin: 15px 0 10px 0;}
.about-kalvesta button {background: #FA5E2A; border: none; width: 220px; padding: 12px 0; font-size: 16px; color: #fff; font-family: 'Barlow', sans-serif; margin-top: 15px;}
.about-kalvesta button:hover {background: #1A1A1A; transition: .5s;}
.about-images {display: flex; justify-content: center;}
.images-width {width: 40%; text-align: center;}
.about-kalvesta {width: 60%;}
.about-images img {width: 100%;}
.about-images div {width: 100%;}
.about-images .double-img {display: flex; flex-wrap: wrap; gap: 10px;}
.single-img img {height: 100%;}
.images-width a {text-align: center; width: 100%; display: flex; justify-content: center; margin-top: 20px; color: #fff; font-size: 16px;}
.images-width a:hover {color: #FA5E2A; transition: .5s;}
.mobile-images-width {display: none;}

/*---SHOWROOM---*/
#showroom-hero-bkgrd {background: url("/siteart/showroom-hero.jpg") no-repeat; background-position: center; background-size: cover;}
.showroom-hero-overlay {background: rgba(46,46,46,0.70);}
.showroom-hero-content {width: 95%; margin: 0 auto; padding: 150px 0 50px 0;}
.showroom-hero-content div {width: 850px; text-align: center; margin: 0 auto;}
.showroom-hero-content div p {text-transform: uppercase; font-size: 20px; line-height: 28px; font-weight: 300; color: #fff; background: rgba(254,60,37,0.80); width: 200px; margin: 0 auto; padding: 8px 0 4px 0; margin-bottom: 15px;}
.showroom-hero-content div h1 {text-transform: uppercase; color: #fff; font-size: 50px; font-weight: 800; line-height: 55px; font-family: 'Barlow', sans-serif !important;}
.small-nav {width: 95%; margin: 0 auto; margin-top: 30px;}
.small-nav p {color: #1A1A1A; text-transform: uppercase; font-size: 14px; font-family: 'Barlow', sans-serif !important; line-height: 22px;}
.small-nav p a {color: #1A1A1A;}
.small-nav p a:hover {color: #FA5E2A; transition: .5s;}
#showroom-brands {width: 90%; margin: 0 auto; margin-top: 80px; margin-bottom: 100px;}
#showroom-brands p {font-size: 20px; text-transform: uppercase; color: #1A1A1A; font-weight: 400; line-height: 20px; margin-bottom: 3px;}
#showroom-brands h2 {color: #FA5E2A; font-size: 40px; line-height: 45px; font-weight: 600; text-transform: uppercase;}
#showroom-brands .brands-fixed {flex-wrap: wrap; justify-content: flex-start;}
#showroom-brands .brands-fixed a {width: 15%;}
#showroom-brands .brands-button {text-align: center;}

/*---GET A QUOTE---*/
#quote-hero-bkgrd {background: url("/siteart/quote-hero.jpg") no-repeat; background-position: center; background-size: cover;}
.fix-width {width: 80% !important;}
#showroom-brands .form-p p, #showroom-brands .form-p li {font-size: 18px !important; text-transform: inherit!important; margin-top: 8px; line-height: 26px;}
#showroom-brands .form-p p a, #showroom-brands .form-p li a {color: #FA5E2A; border-bottom: 1px transparent solid;}
#showroom-brands .form-p p a:hover, #showroom-brands .form-p li a:hover {border-bottom: 1px #FA5E2A solid; transition: .5s;}
#showroom-brands .form-flex {display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 20px;}
#showroom-brands .form-flex > div {width: 32.3%;}
#showroom-brands .form-flex input, #showroom-brands .form-flex select {width: 100%; height: 35px; margin-top: 8px; border: 1px #DFDFDF solid;}
#showroom-brands .form-flex select {height: 40px !important;}
#showroom-brands form {margin-top: 35px;}
#showroom-brands h3 {color: #FA5E2A; font-size: 30px; line-height: 35px; font-weight: 600; text-transform: uppercase; margin-top: 45px; margin-bottom: 20px;}
#showroom-brands .form-textarea > div {width: 100%;}
#showroom-brands .form-textarea textarea {width: 100%; height: 100px; margin-top: 5px; margin-bottom: 20px; border: 1px #DFDFDF solid;}
#showroom-brands form .submitselect {background: #FA5E2A; border: none; width: 220px; padding: 12px 0; font-size: 16px; color: #fff; font-family: 'Barlow', sans-serif; margin-top: 20px; display: flex; justify-content: center;}
#showroom-brands form .submitselect:hover {background: #1A1A1A; transition: .5s;}
#showroom-brands form .CaptchaMessagePanel {font-family: 'Barlow', sans-serif; font-weight: 400;}
#showroom-brands form .CaptchaWhatsThisPanel a {color: #FA5E2A; border-bottom: 1px transparent solid;}
#showroom-brands form .CaptchaWhatsThisPanel a:hover {border-bottom: 1px #FA5E2A solid;}
#showroom-brands form .captcha .submit {background: #FA5E2A; border: none; width: 220px; padding: 12px 0; font-size: 16px; color: #fff; font-family: 'Barlow', sans-serif; margin-top: 20px;}
#showroom-brands form .captcha .submit:hover {background: #1A1A1A; transition: .5s; cursor: pointer !important;}

/*---FINANCE---*/
#finance-hero-bkgrd {background: url("/siteart/finance-hero.jpg") no-repeat; background-position: center; background-size: cover;}
#showroom-brands .form-p h3 {margin-bottom: 10px !important;}
#showroom-brands .form-p button {background: #FA5E2A; border: none; width: 220px; padding: 12px 0; font-size: 16px; color: #fff; font-family: 'Barlow', sans-serif;}
#showroom-brands .form-p button:hover {background: #1A1A1A; transition: .5s;}
.finance-buttons {display: flex; gap: 10px; margin-top: 20px;}

/*---PARTS DEPT---*/
#parts-hero-bkgrd {background: url("/siteart/parts-hero.jpg") no-repeat; background-position: center; background-size: cover;}

/*---PARTS BOOKS---*/
#parts-books-hero-bkgrd {background: url("/siteart/parts-books-hero.jpg") no-repeat; background-position: center; background-size: cover;}

/*---ABOUT---*/
#about-hero-bkgrd {background: url("/siteart/about-hero.jpg") no-repeat; background-position: center; background-size: cover;}

/*---MAP + HOURS---*/
.hours-flex {display: flex; gap: 100px; margin-bottom: 20px;}
.map-flex {display: flex; justify-content: space-between;}
.map-frame {width: 50%; margin-top: 45px;}

/*---MEET OUR TEAM---*/
.team-flex {display: flex; gap: 20px; flex-wrap: wrap;}
.team-flex > div {width: 23%; border: 1px #DFDFDF solid;}
.team-flex > div > div {width: 90%; margin: 0 auto; padding: 15px 0 15px 0;}
.team-flex img {width: 100%;}
.team-flex h4 {padding-top: 15px; font-size: 18px; line-height: 18px;}
.team-flex p {margin-top: 5px !important; color: #bbb !important;}

/*---MEDIA---*/
#media-hero-bkgrd {background: url("/siteart/media-hero.jpg") no-repeat; background-position: center; background-size: cover;}

/*---BLOG---*/
.blog-nav {display: flex; gap: 100px; align-items: flex-end;}
.blog-post h3 {margin-top: 0px !important;}
.blog-share a i {color: #000; font-size: 28px;}
.blog-share a:hover i {color: #FA5E2A; transition: .5s;}
.blog-share {display: flex; gap: 10px;}
.blog hr {border: 1px #DFDFDF solid; margin: 50px 0;}
.blog img {width: 250px;}
.blog-post {display: flex; align-items: center; gap: 40px;}

#blog-hero img {width: 100%; height: 400px; overflow: hidden; object-fit: cover; margin-top: -65px;}
.blog-imgs {display: flex; flex-wrap: wrap; gap: 5px; margin: 40px 0;}
.blog-imgs img {width: 24%;}
.blog ul {margin-top: 20px;}

/*--------FORM STYLES--------------------*/




/*-------- FOOTER STYLES ----------------*/
footer {font-family: 'Barlow', sans-serif !important;}
.scrolling-wrap {margin-top: 50px;}
#footer {background: #1A1A1A; margin-top: -50px; position: relative;}
#footer .footer-width {width: 95%; margin: 0 auto; padding: 50px 0 60px 0; display: flex; justify-content: space-between;}
#footer .footer-contact {display: flex; gap: 100px;}
footer p {color: #fff; font-weight: 800; font-size: 18px; text-transform: uppercase; margin-bottom: 15px;}
footer li {font-size: 16px; color: #fff; font-weight: 300; text-transform: uppercase; line-height: 26px; margin-bottom: 5px;}
footer li a {color: #fff;}
#footer .footer-hours {display: flex; gap: 50px;}
#footer i {color: #fff; font-size: 28px; margin-top: 15px;}
#footer a:hover i {color: #FA5E2A; transition: .5s;}
.footer-links button {background: #FA5E2A; border: none; width: 220px; padding: 12px 0; font-size: 16px; color: #fff; font-family: 'Barlow', sans-serif; margin-top: 15px; text-transform: uppercase;}
.footer-links button:hover {background: #F74205; transition: .5s;}
footer a:hover {color: #FA5E2A; transition: .5s;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.inventory-header .header-search input {padding: 9px 0 10px 15px !important;}
.inventory-header .header-search button {font-size: 16px;}
.header-search form {display: flex !important;}
#inventory-hero-bkgrd {background: url("/siteart/inventory-hero.jpg") no-repeat; background-position: center; background-size: cover;}
.list-content {margin-top: 50px !important; margin-bottom: 50px !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: #FA5E2A !important;}
.faceted-search-content .selected-facets-container .selected-facet, .kickalvestacomhdev-88jlbf, .list-content .list-error-container .info button:not(.login-button) {background: #FA5E2A !important;}
.faceted-search-content button.faceted-search, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn, .bottom-bar .listing-control-bar .bi-center, .bottom-bar .mobile-listing-control-bar .bi-center {background: #1A1A1A !important;}
.disclaimer span {font-family: 'Barlow', sans-serif; font-size: 16px; line-height: 24px;}
.detail-wrapper {margin-top: 50px !important; margin-bottom: 50px !important;}

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1650px) {
	#showroom-brands .form-flex > div {width: 32.1%;}
}
@media only screen and (max-width: 1500px) {
	#showroom-brands .form-flex > div {width: 32%;}
}
@media only screen and (max-width: 1400px) {
	#showroom-brands .form-flex > div {width: 31.9%;}
}
@media only screen and (max-width: 1250px) {
	#showroom-brands .form-flex > div {width: 31.8%;}
}
@media only screen and (max-width: 1240px) {
	header img {width: 250px;}
	.header-contact {margin-top: 40px;}
	.header-contact a p {font-size: 17px; line-height: 17px;}
	.header-contact a i {font-size: 30px;}
	#home-callto {width: 95%;}
	#home-brands, #showroom-brands {width: 95%;}
	.fix-width {width: 90% !important;}
	#showroom-brands .form-flex > div {width: 32%;}
}
@media only screen and (max-width: 1200px) {
	#showroom-brands .form-flex > div {width: 31.9%;}
}
@media only screen and (max-width: 1150px) {
	.hero-content div p, .showroom-hero-content div p {font-size: 20px; line-height: 25px;}
	.hero-content div h1, .showroom-hero-content div h1 {font-size: 48px; line-height: 53px;}
	.hero-content div button {font-size: 15px; margin-top: 12px;}
	.brands-button button, .about-kalvesta button, .footer-links button, #showroom-brands form .submitselect, #showroom-brands form .captcha .submit, #showroom-brands .form-p button {font-size: 15px;}
	.callto-flex {flex-wrap: wrap; gap: 5px; justify-content: center;}
	.callto-flex hr {display: none;}
	.callto-flex a {width: 49%; background: #FA5E2A;}
	#home-callto {background: none; box-shadow: none;}
	.brands-fixed {gap: 5px;}
	.about-kalvesta .family-owned a, .about-kalvesta p, .about-kalvesta .we-commit p {font-size: 16px;}
	#footer .footer-width {flex-wrap: wrap; gap: 50px;}
	.footer-contact, .footer-links {width: 100%;}
	#footer .footer-contact {gap: 0px; justify-content: space-between;}
	.showroom-hero-content {padding: 120px 0 50px 0;}
	#showroom-brands .brands-fixed a {width: 19%;}
	#showroom-brands .form-flex > div {width: 31.8%;}
	#blog-hero img {height: auto; margin-top: 0px;}
}
@media only screen and (max-width: 1050px) {
	.header-right {display: none;}
	header {justify-content: center;}
	.hero-content {padding: 180px 0 40px 0;}
	.brands-fixed {flex-wrap: wrap;}
	.brands-fixed a {width: 32%;}
	.about-content {gap: 30px;}
	.brands-fixed {width: 100%;}
	#showroom-brands .brands-fixed a {width: 24%;}
	.fix-width {width: 95% !important;}
	.team-flex > div {width: 31%;}
	.blog-imgs img {width: 32% !important;}
}
@media only screen and (max-width: 1000px) {
	#showroom-brands .form-flex > div {width: 31.7%;}
}
@media only screen and (max-width: 950px) {
	#showroom-brands .form-flex > div {width: 31.6%;}
	.map-frame {width: 45%;}
}
@media only screen and (max-width: 900px) {
	.hero-content div {width: 100%;}
	.showroom-hero-content div {width: 100%;}
	#showroom-brands .form-flex > div {width: 31.5%;}
}
@media only screen and (max-width: 900px) {
	.images-width {display: none;}
	.about-kalvesta {width: 100%;}
	.mobile-images-width {display: contents;}
	.about-content {flex-wrap: wrap;}
	.about-fb {text-align: center; width: 100%;}
	.about-fb a {text-align: center; width: 100%; display: flex; justify-content: center; color: #fff; font-size: 16px;}
	.about-fb a:hover {color: #FA5E2A; transition: .5s;}
	#showroom-brands .form-flex > div {width: 31.4%;}
	.map-frame {width: 40%;}
	.about-images {width: 100%;}
	.about-images div {text-align: center;}
}
@media only screen and (max-width: 800px) {
	#footer .footer-contact {flex-wrap: wrap; gap: 50px;}
	#footer .footer-contact > div {width: 100%;}
	.showroom-hero-content div h1 {font-size: 45px; line-height: 50px;}
	#showroom-brands .brands-fixed a {width: 32%;}
	#showroom-brands .form-flex > div {width: 48.5%;}
	.team-flex > div {width: 48%;}
	.blog-post {flex-wrap: wrap;}
	.blog-post > div {width: 100%;}
	.blog-nav {justify-content: space-between; gap: 0px;}
	.blog img {width: 400px;}
	.blog-imgs img {width: 49% !important;}
	.map-flex {flex-wrap: wrap;}
	.map-frame {width: 100%;}
}
@media only screen and (max-width: 750px) {
	#showroom-brands .form-flex > div {width: 48.4%;}
}
@media only screen and (max-width: 700px) {
	#showroom-brands .form-flex > div {width: 48.3%;}
}
@media only screen and (max-width: 660px) {
	#showroom-brands .form-flex > div {width: 48.2%;}
}
@media only screen and (max-width: 650px) {
	header a {display: flex;}
	header a img {width: 80%; margin: 0 auto;}
	.hero-overlay {background: rgba(46,46,46,0.50);}
	.callto-flex a {width: 100%;}
	.brands-fixed a {width: 49%;}
	#showroom-brands .form-flex > div {width: 48.1%;}
	.team-flex div {width: 47.5%;}
}
@media only screen and (max-width: 600px) {
	.about-kalvesta .welcome-to p, #home-brands p, #showroom-brands p {font-size: 18px;}
	.about-kalvesta h3, #home-brands h3, #showroom-brands h2 {font-size: 38px; line-height: 43px;}
	.about-kalvesta .family-owned p {font-size: 16px;}
	footer p {font-size: 16px;}
	footer li {font-size: 14px; line-height: 24px;}
	#footer i {font-size: 25px;}
	.showroom-hero-content div h1 {font-size: 40px; line-height: 45px;}
	.showroom-hero-content div p {font-size: 18px; padding: 8px 0 5px 0;}
	.showroom-hero-content {padding: 100px 0 50px 0;}
	#showroom-brands .form-p p, #showroom-brands .form-p li  {font-size: 16px !important;}
	#showroom-brands h3 {font-size: 28px; line-height: 33px;}
	#showroom-brands .form-textarea textarea, #showroom-brands .form-flex input {width: 99%;}
	#showroom-brands .form-flex > div {width: 100%;}
	.team-flex h4 {font-size: 16px;}
	.team-flex p {margin-top: 2px !important;}
	.blog img {width: 100%;}
	.blog-imgs img {width: 100% !important;}
	.finance-buttons {flex-wrap: wrap;}
}
@media only screen and (max-width: 550px) {
	.team-flex div {width: 47.5%;}
}
@media only screen and (max-width: 515px) {
	.team-flex div {width: 47%;}
	.fb_iframe_widget_fluid span, .fb_iframe_widget iframe {width: 100% !important;}
}
@media only screen and (max-width: 480px) {
	.brands-fixed a {width: 48%;}
}
@media only screen and (max-width: 450px) {
	header a img {width: 70%;}
	.hero-content div p {font-size: 18px; line-height: 23px;}
	.hero-content div h1 {font-size: 45px; line-height: 50px;}
	.hero-content div button, .brands-button button, .about-kalvesta button, .footer-links button, #showroom-brands form .submitselect, #showroom-brands form .captcha .submit, #showroom-brands .form-p button {font-size: 14px;}
	.showroom-hero-content div h1 {font-size: 35px; line-height: 40px;}
	.showroom-hero-content div p {font-size: 16px; padding: 6px 0 3px 0; width: 170px;}
	#showroom-brands .brands-fixed a {width: 48%;}
	.about-kalvesta .welcome-to p, #home-brands p, #showroom-brands p {font-size: 16px;}
	.about-kalvesta h3, #home-brands h3, #showroom-brands h2 {font-size: 35px; line-height: 40px;}
	#showroom-brands .form-flex > div {width: 100%;}
	#showroom-brands h3 {font-size: 25px; line-height: 30px;}
	#showroom-brands form label {font-size: 15px; line-height: 22px;}
	.team-flex div {width: 100%;}
}
@media only screen and (max-width: 350px) {
	header a img {width: 60%;}
	.hero-content div p {font-size: 16px; line-height: 21px;}
	.hero-content div h1 {font-size: 40px; line-height: 45px;}
	.hero-content div button, .brands-button button, .about-kalvesta button, .footer-links button, #showroom-brands form .submitselect, #showroom-brands form .captcha .submit, #showroom-brands .form-p button {width: 100%;}
	.callto-flex img {width: 100%;}
	.callto-flex h2 {font-size: 20px; line-height: 20px;}
	.callto-flex p {font-size: 14px;}
	.callto-flex a {padding: 12px 0;}
	.showroom-hero-content div h1 {font-size: 30px; line-height: 35px;}
	.showroom-hero-content div p {font-size: 14px; padding: 6px 0 3px 0; width: 140px;}
	.showroom-hero-content {padding: 70px 0 50px 0;}
	#showroom-brands {margin-top: 50px;}
	#showroom-brands .form-textarea textarea, #showroom-brands .form-flex input {width: 98%;}
	.blog-nav {flex-wrap: wrap; gap: 10px;}
	.blog-nav > a {width: 100%;}
	.map-flex > div {width: 100%;}
	.hours-flex {gap: 0px; justify-content: space-between;}
	.finance-buttons a {width: 100%;}
}
@media only screen and (max-width: 315px) {
	.hero-content div h1 {font-size: 35px; line-height: 40px;}
	.brands-fixed a {width: 97%;}
}
@media only screen and (max-width: 300px) {
	#footer .footer-hours {gap: 0px; justify-content: space-between;}
}