* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, select {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	color: unset;
}
html {
	scroll-behavior: smooth;
}
a {text-decoration:none;cursor: pointer;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
button {
	cursor: pointer;
	border: none;
	border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*=== END RESET ===*/
::-moz-selection {
    background: #ae1c29;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #ae1c29;
    color: #fff;
    text-shadow: none;
}

/*=== Clearfix ===*/
.clear {clear: both;}
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    zoom: 1;
}

/*=== ELEMENTS ===*/
img {max-width: 100%;}
body {
	font-family: "Teko", sans-serif;
}
strong, b {
	font-weight: 500;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Teko", sans-serif;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
}
.xl-heading {font-size: clamp(40px, 5vw, 48px);line-height: clamp(42px, 5vw, 50px);}
.lg-heading {font-size: clamp(34px, 5vw, 42px);line-height: clamp(36px, 5vw, 44px);}
.md-heading {font-size: clamp(27px, 5vw, 35px);line-height: clamp(29px, 5vw, 37px);}
.sm-heading {font-size: clamp(18px, 5vw, 26px);line-height: clamp(20px, 5vw, 28px);}
.xs-heading {font-size: clamp(18px, 5vw, 24px);line-height: clamp(20px, 5vw, 26px);}
.button-group {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
button.primary-button {
	font-family: "Teko", sans-serif;
	font-size: 18px;
    transition: all ease 0.3s;
    padding: 10px 17px;
    background-color: #ae1c29;
    color: #ffffff;
}
button.primary-button:hover {
	background-color: #831520;
}
button.secondary-button {
	font-family: "Teko", sans-serif;
	font-size: 18px;
    transition: all ease 0.3s;
    padding: 10px 17px;
    background-color: #831520;
    color: #ffffff;
}
button.secondary-button:hover {
	background-color: #580E15;
}

/*=== GLOBAL ===*/
.flex-container {
	display: flex;
}
.flex-vertical {
	flex-direction: column;
}
.flex-horizontal {
	flex-direction: row
}
.flex-width {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 100%;
}
.flex-height {
	height: 100%;
}
.flex-wrap {
	flex-wrap: wrap;
}
.flex-reverse {
	flex-direction: column-reverse;
}
.set-width {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
}

.justify-center {
	justify-content: center;
}
.justify-right {
	justify-content: flex-end
}
.justify-left {
	justify-content: flex-start
}
.justify-between {
	justify-content: space-between;
}
.justify-around {
	justify-content: space-around;
}
.justify-evenly {
	justify-content: space-evenly;
}

.align-center {
	align-items: center;
}
.align-top {
	align-items: flex-start;
}
.align-bottom {
	align-items: flex-end;
}
.align-all-center {
	align-items: center;
	justify-content: center;
}

.align-self-center {
	align-self: center;
}
.align-self-right {
	align-self: flex-end;
}

.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}

.left-icon {
	margin-right: 10px;
}
.right-icon {
	margin-left: 10px;
}
.clickable {
	cursor: pointer;
}

.mobile-only {
	display: none;
}

.max-width {
	max-width: 1920px;
	width: 90%;
	margin: 0 auto;
}
.hidden {
	display: none;
	transition: all ease .3s;
}
.success-message {
	color: #188d2b;
}
ul.breadcrumb {
	list-style: none;
}
ul.breadcrumb li {
	display: inline;
	font-size: 14px;
	line-height: 18px;
}
ul.breadcrumb li+li:before {
	padding: 8px;
	color: #ae1c29;
	content: "/\00a0";
}
ul.breadcrumb li a {
	text-decoration: underline;
	text-decoration-color: #f5f5f5;
	transition: .3s ease all;
}
ul.breadcrumb li a:hover {
	text-decoration-color: #000000;
}
.logo-container .logo {
	width: 100%;
	max-width: 175px;
	height: 100%;
    object-fit: contain;
    object-position: center;
}
a.logo-container {
	line-height: 0;
}
p.paragraph {
	padding-top: 20px;
}
ul.list {
	list-style-type: disc;
	list-style-position: inside;
	padding-top: 10px;
}

/*=== HEADER ===*/
header.site-header {
	position: relative;
}
header.site-header .top-nav {
	background: #ae1c29;
	color: #ffffff;
	font-size: 18px;
	display: flex;
}
header.site-header .top-nav .header-location {
	background-color: #000000;
	padding: 10px 5px;
	text-align: center;
	width: 25%;
}
header.site-header .top-nav .header-location:nth-child(1) {
	background-color: #2B070A;
}
header.site-header .top-nav .header-location:nth-child(2) {
	background-color: #580E15;
}
header.site-header .top-nav .header-location:nth-child(3) {
	background-color: #831520;
}
header.site-header .top-nav .header-location:nth-child(4) {
	background-color: #AE1C29;
}
header.site-header #careers-menu-item {
	padding-left: 10px;
}
header.site-header #careers-menu-item li {
	background-color: #ffffff;
	color: #000000;
}
#floating-header header.site-header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
}

/*=== FOOTER ===*/
footer.site-footer {
	font-size: 18px;
	line-height: 26px;
}
footer.site-footer .top-footer {
	color: #000000;
	text-align: center;
	background-color: #f1f1f1;
	padding: clamp(50px, 5vw, 75px) 0;
}
footer.site-footer .top-footer .footer-nav {
	gap: 0 15px;
	padding: 20px 0;
}
footer.site-footer .top-footer .footer-social {
	gap: 0 15px;
	font-size: 16px;
	line-height: 24px;
}
footer.site-footer .bottom-footer{
	font-size: 14px;
	line-height: 22px;
	color: #ffffff;
	text-align: center;
	background-color: #ae1c29;
	padding: 10px 0;
}
/*=== PAGE STYLES ===*/
.header-with-button {
	gap: 5px 20px;
	flex-direction:row;
}
.dec-underline {
	max-width: 125px;
	width: 100%;
	height: 2px;
	background-color: #ffffff;
	margin-top: 10px;
}
.dec-underline-dark {
	max-width: 125px;
	width: 100%;
	height: 2px;
	background-color: #000000;
	margin-top: 10px;
}

/*=== SUB-PAGE ===*/
/* .sub-page */
#sub-page:not(.inventory-page), .default-page, .site-header, .site-footer {
	font-family: "Teko", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 20px;
	line-height: 26px;
}
#sub-page .sub-hero-container {
    position: relative;
    color: #ffffff;
    height: min(80vh, calc(100vw * 0.75));
    min-height: 425px;
    max-height: 575px;
    z-index: 0;
    overflow: hidden;
	background-color: #000000
}
#sub-page .sub-hero-container .hero-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
#sub-page .sub-hero-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .75) 0,rgba(0, 0, 0, .25) 50%, rgba(0, 0, 0, .75));
    z-index: 0;
}
#sub-page .sub-hero-container .hero-text {
    position: absolute;
    bottom: 110px;
    left: 5vw;
    right: 5vw;
    text-transform: uppercase;
    z-index: 1; 
}
#sub-page .hero-text-section {
	position: relative;
	top: -90px;
	color: #ffffff;
}
#sub-page .hero-text-section .text-group {
	background-color: #f1f1f1;
	color: #000000;
    box-shadow: 0 0 10px #000000;
    margin-top: 20px;
	padding: clamp(25px, 5vw, 50px);
}
#sub-page .hero-text-section .text-group.grey-bg {
	background-color: #f1f1f1;
	padding: clamp(50px, 5vw, 75px)
}
#sub-page .accent-text-section {
	background-color: #AE1C29;
	color: #ffffff;
	padding: clamp(50px, 5vw, 75px) 0 clamp(125px, 10vw, 150px);
}
#sub-page .two-col-image-section > a {
	width: 50%;
	position: relative;
	background-color: #f1f1f1;
}
#sub-page .top-floating-section {
	position: relative;
	bottom: -75px;
	box-shadow: 0 0 10px #000000;
}
#sub-page .top-floating-section .join-text-container {
	background-color:#ae1c29;
	color: #ffffff;
}
#sub-page .top-floating-section .join-text-container .join-text {
	padding: clamp(50px, 5vw, 75px);
}

/*=== CASE-SLIDER ===*/
.case-promos {
	position: relative;
	height: 100%;
	aspect-ratio: 3 / 1;
}
.case-promos .mySwiper {
	position: absolute;
	top: -75px;
	bottom: 0;
	left: 5vw;
	right: 5vw;
	box-shadow: 0 0 10px #000000;
	margin-bottom: clamp(50px, 5vw, 75px);
}
.case-promos .swiper-wrapper .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #c70327;
	display: flex;
	justify-content: center;
	align-items: center;
}
.case-promos .swiper-wrapper .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit:contain;
}
.case-promos .swiper-pagination-bullet-active {
	background: #580E15!important;
}

/*=== BOBCAT-SLIDER ===*/
.bobcat-promos {
	position: relative;
	height: 100%;
	aspect-ratio: 2.7 / 1;
}
.bobcat-promos .mySwiper {
	position: absolute;
	top: -75px;
	bottom: 0;
	left: 5vw;
	right: 5vw;
	box-shadow: 0 0 10px #000000;
	margin-bottom: clamp(50px, 5vw, 75px);
}
.bobcat-promos .swiper-wrapper .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.bobcat-promos .swiper-wrapper .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit:contain;
}
.bobcat-promos .swiper-pagination-bullet-active {
	background: #000000!important;
}

/*=== CONTACT SECTION ===*/
.location-contacts-section {
	background-color: #ffffff;
	padding: clamp(25px, 5vw, 75px);
	box-shadow: 0 0 10px #000000;
	position: relative;
	top: -75px;
}
.location-contacts-section .contact-grid-container {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
}
.location-contacts-section .contact-grid-container > div {
	background-color: #f1f1f1;
	padding: 20px 20px;
	text-align: center;
	justify-content: center;
	align-items: center;
}
.location-contacts-section .contact-grid-container > div .button-group {
	padding-top: 10px;
}

/*=== DEFAULT-PAGE ===*/
.default-page .hero-container {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5) 0,rgba(0, 0, 0, .0) 50%, rgba(0, 0, 0, .5) 100%), url("/siteart/stratford-hero.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #ffffff;
    height: min(80vh, calc(100vw * 0.75));
    min-height: 575px;
    max-height: 700px;
	position: relative;
    z-index: 0;
}
.default-page .hero-container .hero-text {
	position: absolute;
    bottom: 110px;
    left: 5vw;
    right: 5vw;
	text-transform: uppercase;
}
.default-page .quick-equipment-section {
	position: relative;
	top: -90px;
}
.default-page .quick-equipment-section h2 {
	color: #fff;
}
.default-page .quick-select-container {
	background-color: #fff;
	box-shadow: 0 0 10px #000000;
	margin-top: 20px;
}
.default-page .quick-select-container .equipment-type {
	justify-content: space-around;
}
.default-page .quick-select-container .equipment-type a {
	width: 20%;
	text-align: center;
}
.default-page .quick-select-container .equipment-type a img {
	max-width: 100px;
	opacity: 1;
	transition: all 0.3s ease;
}
.default-page .quick-select-container .equipment-type a img:hover {
	opacity: 0.5;
}
.default-page .quick-select-container .brand-type a {
	padding: 30px 20px;
	width: 25%;
	text-align: center;
}
.default-page .quick-select-container .brand-type a img {
	max-width: 171px;width: 100%;
}
.default-page .quick-select-container .brand-type .case-ih-brand {
	background-color: #f9ebe9;
	opacity: 1;
	transition: opacity 0.3s ease;
}
.default-page .quick-select-container .brand-type .case-ih-brand:hover {
	opacity: .5;
}
.default-page .quick-select-container .brand-type .bobcat-brand {
	background-color: #e5e5e5;
	opacity: 1;
	transition: opacity 0.3s ease;
}
.default-page .quick-select-container .brand-type .bobcat-brand:hover {
	opacity: .5;
}
.default-page .quick-select-container .brand-type .krone-brand {
	background-color: #ecf6ea;
	opacity: 1;
	transition: opacity 0.3s ease;
}
.default-page .quick-select-container .brand-type .krone-brand:hover {
	opacity: .5;
}
.default-page .quick-select-container .brand-type .trioliet-brand {
	background-color: #fce5e8;
	opacity: 1;
	transition: opacity 0.3s ease;
}
.default-page .quick-select-container .brand-type .trioliet-brand:hover {
	opacity: .5;
}
.default-page .parts-service-section > a {
	width: 50%;
	height: clamp(350px, 25vw, 400px);
	position: relative;
}
.default-page .parts-service-section .heading-text-group {
	position: absolute;
	bottom: 75px;
	left: 5vw;
	right: 5vw;
	display: flex;
	flex-direction: column;
}
.default-page .parts-service-section .parts-dept {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .0) 0, rgba(0, 0, 0, .75) 100%), url("/siteart/stratford-location.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #ffffff;
}
.default-page .parts-service-section .service-dept {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .0) 0, rgba(0, 0, 0, .75) 100%), url("/siteart/dealership-rep-and-customer.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #ffffff;
}
.default-page .location-section {
	background-color: #AE1C29;
	color: #ffffff;
	padding: clamp(50px, 5vw, 75px) 0 clamp(125px, 10vw, 150px);
}
.default-page .precision-ag-section {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .0) 0, rgba(0, 0, 0, .75) 100%), url("/siteart/stratford-case-ih-precision-ag.jpg");
	background-position: center;
	background-size: cover;
	padding: 100px 0;
	color: #ffffff;
	text-align: right;
}
.default-page .join-team-section {
	position: relative;
	bottom: -75px;
	box-shadow: 0 0 10px #000000;
}
.default-page .join-team-section .join-img {
	background: url("/siteart/dealership-rep-and-customer.jpg") center no-repeat;
	background-size: cover;
	min-height: 350px;
	line-height: 0;
}
.default-page .join-team-section .join-text-container {
	background-color:#ae1c29;
	color: #ffffff;
}
.default-page .join-team-section .join-text-container .join-text {
	padding: clamp(50px, 5vw, 75px);
}
.default-page .opt-in-section {
	padding: clamp(125px, 10vw, 150px) 0 clamp(50px, 5vw, 75px);
	background-color: #ae1c29;
	color: #ffffff;
}
.default-page .instagram-widget-section {
	padding: clamp(50px, 5vw, 75px) 0;
}

/*=== PARTS-PAGE ===*/
.parts-page .parts-banner-section {
	background-color: #ae1c29;
	color: #ffffff;
	padding: clamp(50px, 5vw, 75px) 0;
}

/*=== SERVICE-PAGE ===*/
.service-page .top-floating-section .service-img {
	background: url("/siteart/Stratford-service-truck.jpg") center no-repeat;
	background-size: cover;
	min-height: 350px;
	line-height: 0;
}
.service-page#sub-page .top-floating-section {
	top: 0;
	margin-bottom: 75px;
}

/*=== PRECISION-FARMING-PAGE ===*/
.precision-farming-page .afs-sales-banner {
	padding: clamp(50px, 5vw, 75px) 0;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.85) 0, rgba(255, 255, 255, 0.85) 100%), url("/siteart/soybean-field.jpg") center no-repeat;
	background-size: cover;
}
.precision-farming-page .afs-sales-banner .afs-logo-container {
	margin-top: 20px;
	gap: 10px 20px;
	justify-content: center;
}
.precision-farming-page .afs-sales-banner .afs-logo-container .afs-logo {
	max-width: 200px;
	width: 100%;
}

/*=== BRANDS-PAGE ===*/
.brands-page .brands-grid-container {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	padding-top: 10px;
}
.brands-page .brands-grid-container a {
	background-color: #ffffff;
	padding: 20px;
	text-align: center;
	align-content: center;
	min-height: 200px;
}
.brands-page .brands-grid-container a:hover img {
	opacity: .5;
}
.brands-page .brands-grid-container a img {
	height: 100%;
	max-height: 100px;
	max-width: 200px;
	width: 100%;
	object-fit: contain;
	line-height: 0;
	transition: all .3s ease;
	opacity: 1;
}
.brands-page .case-baler-img {
	background: url("/siteart/Optum-300-Tractor-LB434-Baler.jpg") center no-repeat;
	background-size: cover;
	min-height: 350px;
	line-height: 0;
}

/*=== SPECIAL-OFFERS-PAGE===*/
.special-offers-page .special-offers-section {
	gap: 20px;
	padding-bottom: clamp(50px, 5vw, 75px);
}
.special-offers-page .special-offers-section .offer-image {
	max-width: 500px; 
	width: 100%; 
	height: 500px; 
	overflow: hidden;
}
.special-offers-page .special-offers-section .offer-image img {
	width: 100%; 
	height: 100%; 
	object-fit: cover; 
	object-position: center;
}
.special-offers-page .special-offers-section .offer-card {
	background-color: #f9ebe9;
}
.special-offers-page .special-offers-section .offer-card .offer-text {
	padding: clamp(50px, 5vw, 75px);
	justify-content: center;
}

/*=== SINGLE BRAND BRANDS-PAGE===*/
.brands-page .logo-text-group {
	background-color: #f1f1f1;
    color: #000000;
    box-shadow: 0 0 10px #000000;
    margin-top: 20px;
    padding: 0;
	display: flex;
}
.brands-page .logo-text-group .brand-text-wrap {
	padding: clamp(50px, 5vw, 75px);
}
.brands-page .single-brand-logo {
	max-width: 275px;
	width: 100%;
	align-content: center;
	padding: 20px;
}
.brands-page .quick-links-container {
	background-color: #ae1c29;
	color: #ffffff;
	padding: clamp(50px, 5vw, 75px) 0 clamp(125px, 10vw, 150px);
}
.brands-page .quick-links-container .quick-links {
	gap: 20px;
	padding-top: 20px;
}
.brands-page .accent-text-section.single-brand {
	padding: clamp(125px, 10vw, 150px) 0!important;
}

/*=== BOBCAT-BRAND ===*/
.brands-page.bobcat-brand button.primary-button {
    background-color: #FF4C00;
    color: #000000;
}
.brands-page.bobcat-brand button.secondary-button {
    background-color: #000000;
    color: #ffffff;
}
.brands-page.bobcat-brand .quick-links-container {
	background-color: #FF4C00;
	color: #000000;
}
.brands-page#sub-page.bobcat-brand .top-floating-section .join-text-container {
	background-color: #FF4C00;
	color: #000000;
}
.brands-page#sub-page.bobcat-brand .accent-text-section {
	background-color: #FF4C00;
	color: #000000;
}
.brands-page#sub-page.bobcat-brand .bobcat-equipment-img {
	background: url("/siteart/bobcat-mini-excavator.jpg") center no-repeat;
	background-size: cover;
	min-height: 350px;
	line-height: 0;
}

/*=== KRONE-BRAND ===*/
.brands-page.krone-brand button.primary-button {
    background-color: #4a7729;
    color: #ffffff;
}
.brands-page.krone-brand button.secondary-button {
    background-color: #d22530;
    color: #ffffff;
}
.brands-page.krone-brand .quick-links-container {
	background-color: #4a7729;
	color: #ffffff;
}
.brands-page#sub-page.krone-brand .top-floating-section .join-text-container {
	background-color: #565652;
	color: #ffffff;
}
.brands-page#sub-page.krone-brand .accent-text-section {
	background-color: #4a7729;
	color: #ffffff;
}
.brands-page#sub-page.krone-brand .krone-equipment-img {
	background: url("/siteart/krone.jpg") center no-repeat;
	background-size: cover;
	min-height: 350px;
	line-height: 0;
}

/*=== TRIOLIET-BRAND ===*/
.brands-page.trioliet-brand button.primary-button {
    background-color: #CD0C13;
    color: #ffffff;
}
.brands-page.trioliet-brand button.secondary-button {
    background-color: #000000;
    color: #ffffff;
}
.brands-page.trioliet-brand .quick-links-container {
	background-color: #CD0C13;
	color: #ffffff;
}
.brands-page#sub-page.trioliet-brand .top-floating-section .join-text-container {
	background-color: #CD0C13;
	color: #ffffff;
}
.brands-page#sub-page.trioliet-brand .accent-text-section {
	background-color: #CD0C13;
	color: #ffffff;
}
.brands-page#sub-page.trioliet-brand .trioliet-equipment-img {
	background: url("/siteart/trioliet-equipment.jpg") center left no-repeat;
	background-size: cover;
	min-height: 350px;
	line-height: 0;
}

/*=== CONTACT-PAGE ===*/
.contact-page .contact-section {
	padding: clamp(50px, 5vw, 75px) 0;
    background-color: #ae1c29;
    color: #ffffff;
}

/*=== LOCATION-PAGE ===*/
.location-page .hours-container {
	gap: 20px;
	padding-top: 20px;
	justify-content: space-between;
}
.location-page .map-section {
	background-color: #ffffff;
    box-shadow: 0 0 10px #000000;
    position: relative;
    top: -75px;
}
.location-page .contact-section {
	padding: clamp(50px, 5vw, 75px) 0;
    background-color: #ae1c29;
    color: #ffffff;
}

/*=== CAREERS-PAGE ===*/
.careers-page .job-listings-section {
	background-color: #ffffff;
	padding: clamp(25px, 5vw, 75px);
	box-shadow: 0 0 10px #000000;
	position: relative;
	top: -75px;
}
.careers-page .application-section {
	padding: clamp(50px, 5vw, 75px) 0;
    background-color: #ae1c29;
    color: #ffffff;
}
.careers-page .contact-grid-container {
	display: grid;
	grid-template-columns: 1;
	gap: 10px;
}
.careers-page .contact-grid-container > div {
	background-color: #f1f1f1;
	padding: 20px 20px;
	text-align: left;
	justify-content: center;
	align-items: center;
}
.careers-page .contact-grid-container > div .button-group {
	padding-top: 10px;
}

@media screen and (max-width: 1000px) {
	.location-contacts-section .contact-grid-container {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 875px) {
	.flex-horizontal {
		flex-direction: column
	}
	.desktop-only {
		display: none;
	}
	.mobile-only {
		display: flex;
	}

	/*=== PAGE STYLES ===*/
	.header-with-button {
		flex-direction: column;
		align-items: flex-start;
	}

	#sub-page .two-col-image-section > a {
		width: 100%;
	}
	#sub-page .accent-text-section .section-header {
		align-items: flex-start;
	}

	/*=== Default ===*/
	.default-page .quick-select-container .equipment-type a {
		width: 33%;
	}
	.default-page .quick-select-container .brand-type a {
		width: 50%;
	}
	.default-page .location-section .align-center {
		align-items: flex-start;
	}
	.default-page .location-section .button-group {
		margin-bottom: 10px;
	}

	/*=== BRANDS-PAGE ===*/
	.brands-page .brands-grid-container {
		grid-template-columns: repeat(3, 1fr);
	}
	
	/*=== SINGLE BRAND BRANDS-PAGE===*/
	.brands-page .logo-text-group {
		flex-direction: column;
	}
	.brands-page .single-brand-logo {
		max-width: 100%;
	}
	.brands-page .single-brand-logo img {
		max-width: 275px;width:100%;
	}
	
	/*=== SPECIAL-OFFERS-PAGE===*/
	.special-offers-page .special-offers-section .offer-image {
		max-width: 100%;
	}
}

@media screen and (max-width: 700px) {
	/*=== Header ===*/
	header.site-header .top-nav .header-location {
		width: 50%;
	}
	
	/*=== Default ===*/
	.default-page .parts-service-section > a {
		width: 100%;
	}

	/*=== BRANDS-PAGE ===*/
	.brands-page .brands-grid-container {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 550px) {
	.location-contacts-section .contact-grid-container {
		grid-template-columns: repeat(1, 1fr);
	}

	/*=== BRANDS-PAGE ===*/
	.brands-page .brands-grid-container {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media screen and (max-width: 375px) {
	/*=== Header ===*/
	header.site-header .top-nav .header-location .map-hours {
		display: none;
	}
	/*=== Default ===*/
	.default-page .quick-select-container .equipment-type a {
		width: 50%;
	}
}