@charset "utf-8";

/* RESET 
------------------------------------------------*/
* {margin:0; padding: 0; border: 0; outline: 0; background: transparent;}
	

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
body {font-size:100%; font-family: roboto, sans-serif !important; background:#f6f6fa;}

/* SELECTION */	
::selection {color:#f5f5f5; background: #141a4c;}
::-moz-selection {color:#f5f5f5; background: #141a4c;}




/* CLEAR */
.clear {clear: both;}

/* HEADERS */
/*Remove or simplify font-weight and font-height */
h1, h2, h3, h4 ,h5 ,h6 {line-height: normal;}
h1 {font-size:26px; font-weight:700; color:#2a2a2a; font-family: "roboto-slab", serif;}
h2 {font-size:24px; font-weight:700; color:#2a2a2a; font-family: "roboto-slab", serif;}
h3 {font-size:21px; font-weight:700; color:#2a2a2a; font-family: "roboto-slab", serif;}
h4 {font-size:20px; font-weight:normal;}
h5 {font-size:16px; font-weight:normal;}
h6 {font-size:14px; font-weight:normal;}

hr {width:60%; margin:1.5rem auto; border-top:1px #d1d1d1 solid; border-bottom:0; }
/* PARAGRAPH/LIST/GENERAL TEXT */

/* LINKS */
a{-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;}
a:link, a:visited {color:inherit; text-decoration:inherit;}
a:hover, a:active {color:inherit; text-decoration:none;}

a[href^="tel:"] {color:inherit;  text-decoration: none;}

/* IMAGES */
img {display:block;}

/* TEXT EMPHASIS */
em {font-style:italic;}
strong {font-weight: 700;}

/* TEXT STYLINGS */
.dark {color:#131313;}
.gray {color:#4F4F4F;}
.heavy {font-weight:800;}

/* ALIGNMENT */
.left {float:left;}
.right {float:right;}
.center {text-align:center;}


/*--------------------------------------------------------------
## Blue button
--------------------------------------------------------------*/
a.blu-page-button {display:inline-block; padding:21px 30px; text-transform:uppercase; font-weight:700; border-radius:20px; color:#f1f1f1; background:#0a0e2b; transition:1s ease;}
a.blu-page-button i {margin: 0 0 0 10px;}
a.blu-page-button:hover {color:#fff; background:#626577; transform: scale(1.05);}


/*--------------------------------------------------------------
## Top header
--------------------------------------------------------------*/
.head-top {position:relative; text-align:center;  padding:10px 0; color:#fafafa; background:#141a4c; }
.head-top:after {content:''; position:absolute; right:0; bottom:-18px; left:0; width:675px; height:20px; margin:0 auto; clip-path: polygon(100% 0%, 95% 100%, 5% 100%, 0% 0%); background-color: #141a4c}

.head-top a {font-size:18px; color:inherit;}
.head-top a.social-link {font-size:20px;}

.head-contact {position:relative; z-index:1; display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; width:550px; margin:0 auto -17px auto;}


/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.site-header {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; padding:44px 2% 27px 2%; background:#fcfcfd;}	
	

/* LOGO
------------------------------------------------*/	
.logo {width:100%; max-width:300px;}	
.logo img {width:100%;}

.logo-brand {width:100%; max-width:300px;}
.logo-brand img {width:100%; margin:0 0 0 auto;}


/*  NAVIGATION
------------------------------------------------*/
#menu-button{display:none;}
nav.mobile {display:none;}

nav.primary {z-index:500; position:relative; margin:0 auto; padding:0;}

nav.primary ul {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-around; margin:0; padding:0;}
nav.primary ul li {margin:0; padding:0; list-style-type:none; }
				
nav.primary ul li a {
	display:block;cursor:pointer; margin:0 5px; padding:12px 8px;
    font-size:17px; line-height:1; font-weight: 500; text-align:center; text-decoration:none; text-transform:uppercase; color:#2a2a2a; transition:.5s ease-in;	
}	

nav.primary ul li a:hover {color:#121212;}

/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {width: auto;}
nav.primary ul li li a:link, nav.primary ul li li a:visited{
 margin:0; padding:15px; font-size:.94em; line-height:18px; text-align:left; color:#fff; border:0; background: #141a4c;
}

nav.primary ul li li a:hover,nav.primary ul li li a:active {line-height:18px; color:#fff; background:#058fce;}

/*  NAV DROPDOWNS
------------------------------------------------*/
nav.primary ul ul {display: none; position: absolute;}
nav.primary ul ul:after {content:''; position:absolute; right:0; bottom:-9px; left:0; width:100%; height:10px; margin:0 auto; clip-path: polygon(100% 0%, 95% 100%, 5% 100%, 0% 0%); background-color: #141a4c}
nav.primary ul ul ul {position: absolute; left: 100%; top:0;}
nav.primary ul li:hover > ul {display: block; line-height:18px; z-index: 500;}
nav.primary ul ul li {float: none; position: relative; margin:0;}




/*--------------------------------------------------------------
## Home hero
--------------------------------------------------------------*/
.home-hero {
	position:relative; overflow: hidden; z-index: 5;
	margin:5rem 0; padding:15rem 0;
	/*background: url("/siteart/new-holland-icon-hero-background.webp") no-repeat right;
	background-size: 1000px;
	background-position-x:calc(100% + 238px);*/
}
.home-hero:after {content:url('/siteart/new-holland-icon-hero-background.webp'); position:absolute; z-index: -1; bottom:0; right:-238px; transform: scale(.9); opacity:.8;} 

.home-hero h1 {margin:0 0 2rem 0; font-size:64px;}

.home-hero p {font-size:20px; line-height:36px; font-weight:300; }
.home-hero p strong { font-weight: 500;}

.company-intro {box-sizing:border-box; width:calc(100% - 768px); /* width:75%; max-width:1000px*/; margin:0 5% 0 12.5%;}

.intro-body {width:calc(100% - 325px);}

.hero-tractor {position: absolute; right:-2.5%; bottom:0; width:768px;}
.hero-tractor img {width:100%;}


/*--------------------------------------------------------------
## Main / Inv-Main / Sub-Main
--------------------------------------------------------------*/	
.main {}

.inv-main {padding:3.5rem 5%;}

.sub-main {padding:5% 5% 1% 7%;}
.sub-main h1 {margin:0 0 8px 0; font-size:38px; text-align: center;}
.sub-main h2 {margin:0 0 15px 0; font-size:26px; text-align: center; font-weight: 600;}
.sub-main h3, .sub-main h4 {margin:0 0 8px 0; font-weight: 600;}
.sub-main .sub-heading {margin:0 5% 15px 5%; font-size:20px; line-height:36px; font-weight:300; text-align: center;}


.sub-hero {overflow:hidden; position:relative; width:100%; margin:3.5rem 0 5rem 0; border:1px #d6d7e3 solid; border-radius: 20px; line-height:0;}
.sub-hero img {width:100%; object-fit:cover;}
.sub-hero iframe {width:100%; height:390px; object-fit:cover; }

.sub-main article {margin:0 15%}
.sub-main article h1, .sub-main article h2 {text-align:left;}


article p {font-size:20px; line-height:36px; font-weight:300;}
article p strong {font-weight: 500;}

article ul {margin:0 2.5%;}
article ul li {font-size:20px; line-height:36px; font-weight:300;}


.contact-section {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:space-between;}
.contact-details:nth-of-type(n+2) {text-align: right;}



/*--------------------------------------------------------------
## Inv Select Section
--------------------------------------------------------------*/
.inventory-select-section {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:center; margin:6rem 1.15%;}
.inventory-select-section h2 {width:100%; margin:0 1.15% 25px 1.15%; font-size:50px;}
.inventory-select-item {position:relative; width:22.7%; margin:1.15%;}

.inventory-selector {position:relative; overflow:hidden; width:100%; border-radius:20px;}
.inventory-selector:before {content:""; position:absolute; z-index:2; width:100%; height:100%; background:#141a4c; opacity:0.5; transition:.35s ease-in;}
.inventory-selector:hover:before {background:#b3b6d1; opacity:0.35;}

.inventory-selector img.inv-cat-profile {object-fit: cover; width:100%; transition:.4s ease-in;}
.inventory-selector:hover img.inv-cat-profile {filter: blur(5px); transform: scale(1.1);}

.inventory-category {position: relative; margin:8px 30px 0 0; font-size:19px; font-weight:600; text-align: right; color:#141a4c;}
.inventory-category:before {position: absolute; z-index:1; right:-20px; top:4px; font-size:1em; color: #2a2a2a; content: "\f105"; font-family: FontAwesome;}
.inventory-category:after {position: absolute; z-index:1; right:-14px; top:4px; font-size:1em; color: #2a2a2a; content: "\f0da"; font-family: FontAwesome;}


/*--------------------------------------------------------------
## Inv Select Links
--------------------------------------------------------------*/
.inv-select-links {position:absolute; z-index:3; top:0; overflow:hidden; display:flex; flex-flow:column wrap; justify-content:space-between; width:100%; height:100%;}
.inv-main-link, .inv-secondary-link {transition:.75s ease;}

.inv-main-link {overflow:hidden; width:100%; height:40%; margin:-40% 0 0 0; background:#181f53;}
.inv-main-link a {
 	position: relative; z-index:2; display:block; box-sizing: border-box;
	height:100%; padding:9.25% .65em 9% .65em; font-size:1.375vw; font-weight:800; text-transform:uppercase; text-align:left; color:#f1f1f1;
}

.inventory-selector:hover .inv-main-link:before {position: absolute; z-index:1; left:10%; top:-15%; font-size:10em; color: #626577; opacity:.2;  content: "\f02c"; font-family: FontAwesome;}

.inventory-selector:hover .inv-main-link a:after {
	content: "New Model Catalog"; position: absolute; z-index:2; top: 50%; right:3.5%; transform: translate(0%, -50%);
	font-size:.75em; font-weight:200; text-transform:none; color: #fff; opacity:.35; 
}

.inv-main-link:hover {background:#0a0e2b;}
.inv-main-link:hover a:after {opacity:.75; }


.inv-secondary-link {overflow:hidden; width:100%; height:40%; margin:0 0 -40% 0; background:#626577;}
.inv-secondary-link a {
	position: relative; z-index:2; display:block; box-sizing: border-box;
	height:100%; padding:9.25% .65em 9% .65em; font-size:1.375vw; font-weight:800; text-transform:uppercase; text-align:right; color:#fff;
}

.inventory-selector:hover .inv-secondary-link:before {position: absolute; z-index:1; right:7%; top:-15%; font-size:10em; color: #141a4c; opacity:.2;  content: "\f02c"; font-family: FontAwesome;}

.inventory-selector:hover .inv-secondary-link a:after {
	content: "In-Stock Equipment"; position: absolute; z-index:2; top: 50%; left:3.5%; transform: translate(0%, -50%);
	font-size:.75em; font-weight:200; text-transform:none; color: #fff; opacity:.45;
}

.inv-secondary-link:hover {background:#444961; }
.inv-secondary-link:hover a:after {opacity:.75; }

.inventory-selector:hover .inv-main-link, .inventory-selector:hover .inv-secondary-link {margin:0;}

.inventory-selector:hover .inv-main-link {animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;}
.inventory-selector:hover .inv-secondary-link {animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;}


/*--------------------------------------------------------------
## Inv Select Logo
--------------------------------------------------------------*/
.inv-select-logo {position:absolute; z-index:8; top:50%; left:50%; transform: translate(-50%, -50%); margin:auto; text-align: center; transition:.5s ease-out;}
.inv-select-logo img {width:100%; max-width:250px; margin:0 auto; transition:.5s ease-out;}
.inventory-selector:hover .inv-select-logo {z-index:2; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.inventory-selector:hover .inv-select-logo img {width:50%; max-width:200px;}


/*--------------------------------------------------------------
## Can-Am highlight section
--------------------------------------------------------------*/
.canam-highlight {display: flex; flex-flow: row wrap; align-items: center; justify-content: center;     margin: 6rem 1.15%;}
.canam-video {display: flex; flex-flow: row wrap; align-items: center; justify-content: center; max-width:45%; border-radius:20px; overflow:hidden;}
.canam-body {max-width:50%; margin-left:5%;}
.canam-body h3 {margin:0 0 12px 0; font-size:26px;}
.canam-body p {font-size:20px; line-height:36px; font-weight:300;}

/*--------------------------------------------------------------
## Scrolling Inventory
--------------------------------------------------------------*/
.scrolling-wrap {overflow:hidden; width:100%; height:90px; margin:7px 0; padding:7px 0; border-bottom:2px #45485f solid;}
.scrolling{width:100%; height:90px;}


/*--------------------------------------------------------------
## Brands section
--------------------------------------------------------------*/
.brands-section {display:flex; flex-flow:row wrap; align-items: center; justify-content:space-around; padding:1.5% 1%; background:#eeeff5;}
.brands-section a {flex:1; max-width: 175px; min-width: 150px; margin:1.5%;}
.brands-section img {width:100%;}

/*--------------------------------------------------------------
## Team Page
--------------------------------------------------------------*/


.brand-quote {
  text-align: center;
  font-size: 24px;
  font-style: italic;
  color: #1a2a4f;
  margin: 60px auto;
  max-width: 800px;
}

.quote-inline {
  display: inline-block;
  line-height: 1.5;
}

.quote-inline i {
  font-size: 24px;
  color: #ccc;
  vertical-align: middle;
  margin: 0 6px;
}


.team-info a {
	text-decoration: underline;
	color: #1a2a4f; 
}

.team-section {
	text-align: center;
}

.team-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 30px;
	max-width: 1400px; 
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}


.team-card {
	background-color: #fff;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
	display: flex;
	flex-direction: column;
	height: 100%;
	transition: box-shadow 0.3s ease;
}

.team-card:hover {
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); 
}


.team-card img {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	display: block;
}

.team-info {
	padding: 14px;
	text-align: left;
}

.team-info h3 {
	margin: 0 0 6px;
	color: #1a2a4f;
	font-size: 20px;
}

.team-info .title {
	font-weight: 600;
	color: #555;
	margin-bottom: 8px;
}

.team-info p {
	font-size: 15px;
	color: #333;
	margin: 3px 0;
	line-height: 1.6;
}

.not-pictured-section {
	max-width: 800px;
	margin: 60px auto;
	padding: 0 20px;
	text-align: center;
}

.not-pictured-section h2 {
	font-size: 28px;
	color: #1a2a4f;
	margin-bottom: 20px;
}

.not-pictured-list {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 16px;
	color: #333;
}

.not-pictured-list li {
	margin-bottom: 10px;
	line-height: 1.6;
}

.not-pictured-section h3 {
	margin: 0 0 12px; 
}













.customer-section {margin:80px 0; text-align: center;}

.customer-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 30px;
	max-width: 1400px; 
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}


.customer-card {
	
	position:relative; 
	
	background-color: #fff;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
	display: flex;
	flex-direction: column;
	height: 100%;
	transition: box-shadow 0.3s ease;
}

.customer-card:hover {box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); }


.customer-card::before {position: absolute; z-index:10; right:16px; top:16px; width:20px; height:20px; padding:10px; font-size:16px; line-height:20px; text-align:center;  color: #fff; border-radius:40px; background:#141a4c; content: "\f09a"; font-family: FontAwesome;}

.customer-card img {
	
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	display: block;
}

.customer-info {padding: 14px; text-align: left;}

.customer-info h3 {margin: 0 0 6px; color: #1a2a4f; font-size: 20px;}
.customer-info a {text-decoration: underline; color:#1a2a4f;}
.customer-info p {font-size: 15px; color: #333; margin: 3px 0; line-height: 1.6;}








/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.site-footer {display:flex; flex-flow:row wrap; justify-content:space-between; padding:82px 8% 42px 8%; font-size:20px; line-height:33px; font-weight:200; color:#f5f5f5; background:#0a0e2b;}

.foot-heading {margin:0 0 1.25rem 0; font-size:20px; font-weight:700; text-transform: uppercase; color:#626577;}

.foot-main {display:flex; flex-flow:row wrap; justify-content:space-evenly; width:57%; margin:0 3% 0 0;}
.foot-main strong {font-weight:400;}
.foot-main ul {list-style: none;}
.foot-main ul a {font-size: 18px; line-height:28px;}

.foot-intro {margin:0 0 4rem 0;}

.foot-nav {margin:0 auto 4rem 0;}
.foot-nav ul.dual-column {column-count: 2;}
.foot-contact {width:40%; text-align:right; line-height:24px;}

.foot-bottom {width:100%; margin:12.5rem 0 0 0;}
.foot-copyright {font-size:1em; color:#696d8d;}
.foot-company {display:flex; flex-flow:row; align-items:center; justify-content:flex-start; font-size:4.05vw; line-height:.7; text-transform: uppercase; word-spacing: -1rem; font-weight:200; color:#626577;}

.foot-counties {margin:2.5rem 0 0 0; line-height:20px;}
.foot-counties a {margin:0 8px; font-size:15px; color:#c0c2cb;  white-space: nowrap;}



/************************************************ Responsive Styles **/

@media only screen and (max-width : 1575px) {
	.site-header {padding: 44px 2% 15px 2%;}
	.logo {order:1;}
	.logo-brand {order:2;}
	nav.primary {order:3; width:100%; margin:18px auto 0 auto}
	.home-hero {padding:10rem 0px;}
	.home-hero:after {bottom:-4%; right:-380px;transform: scale(.7); opacity:.7;}
	.home-hero h1 {font-size: 50px;}
	.company-intro {width: calc(100% - 505px); margin: 0 5% 0 8.5%;}
	.hero-tractor {bottom:5%; width:650px;}
}

@media only screen and (max-width : 1300px) {
	.inventory-select-section h2 {font-size:38px;}
	.inventory-select-item {width:31%;}
	.inv-main-link a, .inv-secondary-link a {font-size:2vw;}
	.inventory-selector:hover .inv-main-link a:after, .inventory-selector:hover .inv-secondary-link a:after {font-size: .85em; opacity: .75;}
	.inventory-selector:hover .inv-main-link a:after {right:5%;}
	.inventory-selector:hover .inv-secondary-link a:after {left:5%;}
	.contact-section {display:flex; flex-flow:column wrap; align-items:flex-start; justify-content:flex-start;}
	.contact-details:nth-of-type(n+2) {margin:2rem 0 0 0; text-align: left;}
}

@media only screen and (max-width : 1180px) {
	.home-hero {padding:8rem 0px; background-size:700px;}
	.home-hero h1 {font-size:40px;}
	.company-intro {width: calc(100% - 300px); margin: 0 5%;}
	.hero-tractor {bottom:8%; width: 500px;}
	.foot-main {width:100%; margin:0 0 4rem 0;}
	.foot-nav {width:85%;}
	.foot-contact {width:100%; text-align:left;}
	.foot-company {display:flex; flex-flow:column; align-items:flex-start; font-size:7.3vw; line-height:1; word-spacing: -.5rem;}
}

@media screen and (max-width: 1024px) {
	nav.primary{display:none;}
	#menu-button{position: relative; z-index:400;display: block; width:100%; text-align: center;  cursor:pointer;}
	#menu-button a{display:block; padding:25px; font-size: 1.25em; line-height:1; color:#fff; text-decoration: none; font-weight:500;  background: #161d52;}
	
	nav.mobile ul li a .fa{
		width:25px;
		font-weight:100;
		padding:8px 3px;
		margin:0 0 0 5px;
		text-align:center;
		background:#292929;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	
	nav.mobile ul li .fa-chevron-down {position:absolute; right:10px; margin:18px 0 0 0;}

	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		right: -285px;
		width: 285px;
		height: 100%;
		z-index: 500;
		overflow:auto;
		padding-bottom:40px;
		background:#333;
	}
	
	/* MENU HEADER SOCIAL MEDIA */
	nav.mobile .social-media {
		position: absolute;
		text-decoration: none;
		vertical-align: top;
		z-index:9999;
		display: inline-block;
		
		top: 15px;
		left: 15px;
		font-size:16px;
		word-spacing:13px;
		color: #ccc !important;
	}
	
	nav.mobile .social-media a:link, nav.mobile .social-media a:visited {color:#ccc; text-decoration:none;}
	nav.mobile .social-media a:hover, nav.mobile .social-media a:active {color:#fff; text-decoration:underline;}
	
	/* MENU HEADER STYLES */
	nav.mobile .menu-header {	
		color: #ccc;
		padding: 23px 0;
		position: relative;
		font-size: 18px;
		background:#313131;
	}			
	nav.mobile .menu-title {position: absolute; vertical-align: top; top: 16px; right: 47px; text-transform:uppercase; font-size:12px; color: #ccc;}
		
	/* MENU CLOSE 'X' BUTTON */
	nav.mobile .menu-toggle {position: absolute; top: 8px; right: 10px; padding: 6px 9px 5px; display: inline-block; font-weight: 700; font-size: 18px; line-height: 1; color: #ccc; text-decoration: none; vertical-align: top; cursor:pointer; font-family: Arial, sans-serif;}
	nav.mobile .menu-toggle:hover {color: #fff;}
	
	/* MENU LIST STYLE */
	nav.mobile ul {list-style: none; font-weight: 300; margin:0; padding:0;}
	nav.mobile ul li {color: #999; font-size:15px; border-bottom: 1px solid #303030; cursor:pointer;}
	
	/* FIRST LEVEL */
	nav.mobile ul li a {
		color: #999;
		position: relative;
		display: block;
		font-size:15px;
		text-align:left;
		text-decoration: none;
		border-left:4px #333 solid;
		padding: 15px 35px 15px 20px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	nav.mobile ul li a:hover {background:rgba(45,45,45,0.5); color: #fff; border-left:4px #626577 solid;}
	
	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {border:none;}
	nav.mobile ul li li a {color: #ccc; background: #444; border-left:4px #444 solid; padding: 15px 10px 15px 15px;}
	nav.mobile ul li li a:hover {background:rgba(65,65,65,0.5);}
	
	/* THIRD LEVEL */
	nav.mobile ul li li li:last-child {border:none;}
	nav.mobile ul li li li a {color: #ccc; background: #555; border-left:4px #555 solid;}
	nav.mobile ul li li li a:hover {background:rgba(85,85,85,0.5);}	
	
	
	.home-hero {padding:5rem 0px 6rem 0;}
	.home-hero:after {bottom:-12%; right:-400px;transform: scale(.5);}
	.home-hero h1 {font-size:33px;}
	.company-intro {width: calc(100% - 150px);}
	.hero-tractor {bottom:15%; width: 400px;}
	
	.sub-main .sub-heading { font-size:19px; line-height:30px;}

	.sub-hero {overflow:hidden; position:relative; width:100%; height:325px; margin:5rem 0 8rem 0;}
	.sub-hero img {width:auto; height:100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	.sub-main article {margin:0 10%}
	
	.canam-highlight {flex-flow:column wrap;}
	.canam-video {max-width:100%; margin:0 0 3rem 0;}
	.canam-body {max-width:90%; margin-left:0;}
}

@media only screen and (max-width : 825px) {
	.home-hero {padding:4rem 0;}
	.home-hero:after {bottom:-38%; right:-400px;transform: scale(.5); opacity:.35;}
	.company-intro {width: calc(100% - 50px);}
	.intro-body {width: calc(100% - 25px);}
	.hero-tractor {display:none;}
}

@media only screen and (max-width : 768px) {
	.head-top {padding:15px 5%;}
	.head-top:after {content:none;}
	.head-top a {font-size:18px; color:inherit;}

	.head-contact {position:relative; z-index:1; display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; width:100%; margin:0 auto;}
	
	.site-header{padding:25px 5%;}
	.logo {width:100%; max-width:200px;}	
	.logo-brand {width:100%; max-width:200px;}	
	.sub-main {display: flex; flex-flow:column wrap;}
	.sub-main h1 {order:1;}
	.sub-main .sub-heading {order:3; line-height:28px;}
	.sub-hero {order:2;height:280px; margin:1.5rem 0 3.5rem 0;}
	.sub-main article {order:4; margin:0 8%}
	
	.inventory-select-section h2 {font-size:33px;}
	.inventory-select-section {margin:8rem 1.5%;}
	.inventory-select-item{width:47.7%;}
	.inv-main-link a, .inv-secondary-link a {font-size:3vw;}
	.foot-nav {width:100%;}
}

@media only screen and (max-width : 600px) {
	.home-hero:after {bottom: -30%;}
	.sub-main {padding:11% 5% 1% 7%;}
}
@media only screen and (max-width : 550px) {
	.head-top a.address-link {position:relative; width: 20px; height: 26px;}
	.head-top a.address-link span {display: none;}
	.head-top a.address-link:after {visibility: visible; position: absolute; z-index:1; top:3px; left:0;  font-size:20px; color: #fff;  content: "\f3c5"; font-family: FontAwesome;}
	.site-header {flex-flow: column wrap;}
	.logo {max-width:300px;}	
	.logo-brand {margin: 8px 0 0 0;}
	.sub-main article {margin:0 5%}
	.sub-hero {height:250px;}
	.inventory-select-section h2 {font-size:28px;}
	.inventory-select-item{width:97.7%;}
	.inv-main-link a, .inv-secondary-link a {font-size:5.85vw;}
	.foot-nav ul.dual-column {column-count:1;}
}
@media screen and (max-width: 480px){
	.home-hero:after {bottom: -15%;}
}