img  {
	width: 100%;
	height: auto;
}

body {
	margin: 0;
	font-family: "helvetica";
}

a {
	text-decoration: none;
}

h4 {
	font-size: 8vw;
}

h5 {
	font-size: 6vw;
}

p {
	font-weight: 100;
}

#privacy-policy {
	max-width: 1200px;
	margin: auto;
	padding: 1.5em;
	font-family: helvetica;
}

#block-cirrocumulus-desktopmenu, #block-cirrocumulus-desktopheader {
	display: none;
}

.caps {
	text-transform: uppercase;
}

.bold {
	font-weight: bold;
}

.mobileHeader {
	display: block;
}

#block-cirrocumulus-views-block-rotating-banner-block-1 {
	margin-top: -5vw;
}

.banner-text {
	position: relative;
	color: white;
	margin-top: -77vw;
	background: linear-gradient(113deg, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0) 40%);
	width: 100vw;
	height: 77vw;
	padding-top: 20vw;
	padding-left: 1vw;
	display: flex;
	justify-content: left;
}


.banner-text p {
	font-size: 5vw;
}

.banner-text-wrapper {
	text-align: center;
	margin-top: -14vw;
	line-height: 0.5;
}

.views-field-field-banner-image img {
	width: 150vw;
	margin-left: -27vw;
}

.graySection {
	background-color: #424141;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.graySection a {
	color: white;
	text-decoration: none;
}

.quadItem {
	width: 50%;
	aspect-ratio: 1/1;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	
	
}

.tractor {
	width: 25vw;
}

.truck {
	width: 35vw;
	margin-bottom: 3.5vw;
	padding-top: 4.9vw;
}

.hydraulics {
	width: 25vw;
}

.parts {
	width: 30vw;
	margin-top: 10vw;
	margin-bottom: 8.5vw;
}

.homeAbout {
	margin: 8vw;
	line-height: 1.5;
}

.homeAbout h4 {
	font-weight: normal;
	margin-bottom: -3vw;
}

.mapSection {
	background-image: url(/sites/default/files/2024-12/map.png);
	background-size: 1300px;
	background-position: center;
	height: 100vw;
	color: white;
	position: relative;
	z-index: -1;
}

.mapAddress {
	margin: 8vw;
	padding-top: 1vw;
}


.mapAddress a {
	color: white;
}

.mapAddress h5 {
	margin-bottom: 0;
}

.mapGradient {
	background-color: rgba(0,0,0,0.4);
	height: 100vw;
}

.footer {
	background-color: #424241;
	color: white;
	text-align: center;
	padding: 1vw 3vw;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	font-size: 4.5vw;
	line-height: 1.25;
}

.footer a {
	color: white;
}

.headerLogo {
	width: 40%;
	margin: auto;
	height: 20vw;
}

.headerLogo img {
	height: 20vw;
}

.headerGrenn {
	background-color: #017e13;
	height: 20vw
}

.headerGray {
	background-color: #414142;
	text-align: center;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	height: 8vw;
	align-content: center;
	box-shadow: 2px 0 5px #000;
}

.headerGray a {
	color: white;
	

}

.repairGray, .repair-photos {
	display: flex;
}

.tripleItem, .triple-item {
	width: 28vw;
	margin: auto;
}

.transmissionRepair {
	background-color: #017e13;
}

.scale:hover {
	transform: scale(1.75);
	transition: ease-in-out 0.3s;
	filter: drop-shadow(2px 4px 6px black);
}

.scale, .left, .right {
	transition: ease-in-out 0.3s;
}

.left:hover {
	translate: 10vw;
	transform: scale(1.75);
	transition: ease-in-out 0.3s;
	filter: drop-shadow(2px 4px 6px black);
}

.right:hover {
	translate: -10vw;
	transform: scale(1.75);
	transition: ease-in-out 0.3s;
	filter: drop-shadow(2px 4px 6px black);
}

.transmissionRepair {
	color: white;
	padding-top: 3vw;
	padding: 6vw;
}

.engineRepair, .diagnostic {
	padding: 6vw;
}

.transmissionRepair a {
	color: white;
	font-size: 6vw;
}

.repairGray {
	background-color: #414142;
	padding: 6vw;
	flex-wrap: wrap;
}

.repairTop {
	padding: 0 8vw 8vw 8vw;
	color: #414142;
}

.repairTop p {
	text-indent: 6vw;	
}

.enginePara {
	text-indent: 6vw;	
}

.engineText, .diagnosticText {
	color: #414142;
}

.tripleItem {
	width: 40vw;
	margin: 2vw auto;
}

.repairGray a {
	color: white;
	font-weight: bold;
}

.last {
	margin-top: 0;
}

.last2 {
	margin-top: 7vw;
}
.heavyRepair {
	padding: 8vw;
	color: #414142;
}

.heavyRepair h4 {
	margin-top: 0;
}

.heavyPhotos {
	display: flex;
}

.dualItem {
	width: 35vw;
	margin: auto;
}

.hydraulic {
	padding: 8vw;
	color: #414142;
}

.hydraulic h4 {
	margin-top: 0;
}

.photoswipe-gallery {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 4vw;
	padding: 0 4vw;
}

.js-form-item {
	width: 60vw;
	
}

textarea, #edit-email, #edit-name, #edit-phone-number {
	width: 80vw;
	margin: auto;
	margin-bottom: 4vw;
	font-size: 5vw;
	outline: none;
}

.webform-submission-form {
	width: 80vw;
	margin: 8vw auto;
}

.contactImage {
	width: 80vw;
	margin: 8vw auto;
	
}

.contactImage img {
	border: 2px solid #414142;
}

.galleryHeader {
	margin-left: 4vw;
}

#block-cirrocumulus-responsivemenumobileicon {
	margin-bottom: 19vw;
	margin-top: -30vw;
	
}

#block-cirrocumulus-responsivemenumobileicon .label {
	display: none;
}

.mm-panel--opened {
	background-color: black;
}

.mm-listview li {
	color: white;
}

.mm-listitem {
	border-color: #414142;
}

 .menu-item--active-trail {
	background-color: #414142;
}

.mm-menu--theme-light {
	--mm-color-background-emphasis: 0;
}

.mm-navbar {
	background: black;
	color: white;
	border-color: #414142;
}

@media screen and (min-width: 750px) {
	
	#block-cirrocumulus-desktopmenu, #block-cirrocumulus-desktopheader {
		display: block;
	}
	
	h4 {
		font-size: 2vw;
	}
	.mobileHeader {
		display: none;
	}
	
	.banner-text {
		position: relative;
		color: white;
		margin-top: -41vw;
		background: linear-gradient(113deg, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0) 40%);
		width: 100vw;
		height: 41vw;
		padding-top: 27vw;
		padding-left: 12vw;
		display: flex;
		justify-content: left;
	}
	
	.banner-text p {
		font-size: 2.5vw;
	}
	
	.banner-text-wrapper {
		text-align: center;
		margin-top: -14vw;
		line-height: 0.5;
	}
	
	.views-field-field-banner-image img {
		width: 100%;
		margin: auto;
	}
	
	.views-row {
		width: 20vw;
	}
	
	.photoswipe-gallery {
		justify-content: space-evenly;
		gap: 2vw;
	}
	
	#block-cirrocumulus-views-block-gallery-block-1 {
		width: 75vw;
		margin: auto;
	}
	
	.headerCont {
		display: flex;
		width: 60%;
		margin: auto;
		justify-content: space-between;
	}
	
	.deskHeader {
		background-color: #017e13;
		height: 6.5vw;
		
	}
	
	.deskMenu {
		background: #414142;
		display: flex;
		gap: 2vw;
		height: 2.5vw;
		justify-content: center;
		border-top: 2.5px solid white;
		border-bottom: 2.5px solid white;
		box-shadow: 2px 0 12px #000;
		z-index: 10;
		position: relative;
	}
	
	.skew {
		align-items: center;
		display: flex;
		/*transform: rotate(23deg);
		border-right: 2px solid white;
		*/
	}
	
	.separator {
		width: 2px;
		background: white;
		transform: rotate(23deg);
		height: 2.85vw;
		margin-top: -.22vw;
	}
	
	/*.navItem {
		transform: rotate(-23deg);
	}*/
	
	.navLink {
		padding: 1vw 1vw;
	}
	
	.deskMenu a {
		color: white;
	}
	
	.headerInfo {
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: right;
		color: white;
	}
	
	.headerInfo a {
		color: white;
		margin-top: 0;
		font-size: 1.5vw;
	}
	
	.headerInfo p {
		margin-bottom: 0;
		margin-top: 0;
		font-size: 1vw;
	}
	
	.headerLogo2 {
		width: 14vw;
		height: 6.5vw;
	}
	
	.headerLogo2 img {
		height: 6.5vw;
	}
	
	#block-cirrocumulus-views-block-rotating-banner-block-1 {
		margin-top: 0;
	}
	
	.galleryHeader {
		margin-left: 18vw;
	}
	
	.mapSection {
		height: 18vw;
		background-size: cover;
	}
	
	.mapAddress {
		margin-top: 1vw;
	}
	
	.mapAddress h5 {
		font-size: 2vw;
		margin-top: 1vw;
	}
	
	.mapAddress p {
		font-size: 1vw;
	}
	
	.footer {
		font-size: 1vw;
		padding: 0 3vw;
	}
	
	.mapGradient {
		background: linear-gradient(113deg, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0) 40%);
		height: 18vw;
	}
	
	.quadItem {
		width: 25%;
		aspect-ratio: 1 / .5;
	}
	
	.tractor {
		width: 8vw;
	}
	
	.truck {
		width: 10vw;
		margin-bottom: 0;
		padding-top: 2.5vw;
	}
	
	.hydraulics {
		width: 6vw;
		margin-bottom: -0.30vw;
	}	
	
	.parts {
		width: 8vw;
		margin-top: 3.1vw;
		margin-bottom: 0.5vw;
	}
	
	.slick-track .views-field-body {
		height: 15vw;
	}
	
	.homeAbout h4 {
		margin-bottom: 0;
		font-weight: 100;
		color: #414142;
	}
	
	.homeAbout {
		line-height: 1.25;
		margin: 1vw 10vw 3vw;
	}
	
	.tripleItem {
		width: 10vw;
		margin: auto;
	}
	
	.triple-item {
		width: 21vw;
		max-height: 15vw;
	}	
	
	.last {
		margin-bottom:  0;
	}
	
	.repairGray {
		padding: 2vw 8vw;
	}
	
	.repairTop, .engineText, .transmissionText, .diagnosticText {
		padding: 0 15vw 1vw 15vw;
	}
	
	.repairTop p {
		text-indent: 1vw;
	}
	
	.repairTop h4 {
		margin-bottom: 1vw;
	}
	
	.enginePara {
		text-indent: 1vw;
	}
	
	.repair-photos {
		width: 80%;
		margin: auto;
	}
	
	
	.engineText a {
		font-size: 2vw;
	}
	
	.diagnosticText a {
		font-size: 2vw;
	}
	
	.diagnosticText {
		padding-bottom: 0;
	}
	
	.transmissionText a {
		font-size: 2vw;
	}
	
	.last2 {
		margin-top: 0;
	}
	
	.diagnostic {
		padding: 1vw 6vw;
	}
	
	.transmissionRepair, .engineRepair {
		padding: 2vw 6vw;
	}
	
	.heavyRepair {
		width: 65%;
		margin: auto;
		padding: 2vw 10vw;
	}
	
	.heavyRepair h4 {
		margin-bottom: 0;
	}
	
	.heavyPhotos {
		width: 60vw;
		margin: auto;
		justify-content: center;
		gap: 4vw;
	}
	
	.dualItem {
		width: 15vw;
		margin: 0;
	}
	
	.hydraulic {
		width: 65%;
		margin: auto;
		padding: 2vw 8vw;
	}
	
	.hydraulic h4 {
		margin-bottom: 0;
	}
	
	.contactImage {
		width: 60vw;
		margin: auto;
		margin-top: 3vw;
	}
	
	textarea, #edit-email, #edit-name, #edit-phone-number {
		font-size: 1vw;
		margin-bottom: .5vw;
		margin-top: 1.5vw;
		margin-bottom: 1.5vw;
		padding: .5vw;
	}
	
	#edit-actions-submit {
		font-size: 1vw;
		margin-top: 1vw;
	}
	
	#edit-message {
		width: 60vw;
		height: 20vw;
		margin: auto;
	}
	
	.webform-section-wrapper {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	
	#edit-name, #edit-email, #edit-phone-number {
		width: 15vw;
	}
	
	.js-form-item {
		width: auto;
	}
	
	.webform-submission-form {
		width: 60vw;
		margin: 1vw auto 4vw;
	}
}

@media screen and (min-width: 751px) and (max-width: 2000px) {
	.banner-text {
		margin-top: -51vw;
		height: 51vw;
	}
}