/* ========================================================================================= */
/* ********************* A Custom Build by Craft & Cloud Marketing Co. ********************* */
/* ========================================================================================= */
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*============================= Customer: Dutch Country Connections ===========================*/
/*================================ Build Date: June 2026 ================================*/
/*================================ Developer: Héctor Mejía ===================================*/
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

body {
	margin: 0;
}

a {
	text-decoration: none;
	font-size: clamp(13px, 1vw, 18px);
}

p {
	font-size: clamp(13px, 1vw, 18px);
}

h1 {
	font-size: 2.5vw;
}

h2 {
	font-size: 1.8vw;
}

h4 {
	font-size: clamp(18px, 1.25vw, 22px);
}

h3 {
	font-size: 1.25vw;
}

* {
	font-family: "dm-sans", sans-serif;
}

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

.caps {
	text-transform: uppercase;
}

.italics {
	font-style: italic;
}

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

.footerMain {
	display: flex;
	background-color: #005398;
	height: 10vw;
	align-items: center;
	margin-bottom: -1px;
	position: relative;
	
	* {
		color: white;
	}
	
	.footerAddres {
		text-align: center;
		
		a {
			font-size: clamp(12px, 0.85vw, 15px);
		}
	}
	
}

.footerCopy {
	font-size: clamp(12px, 0.7vw, 15px);
	a {
		font-size: clamp(12px, 0.7vw, 15px);
	}
}

.footerNav {
	display: flex;
	justify-content: space-between;
	width: 80%;
	margin: auto;
	
	
	a {
		transition: all 0.5s;
	}
	
	a:hover {
		transition: all 0.5s;
		transform: scale(1.1);
	}
}

.footerLeft {
	width: 20vw;
	
	img {
		width: 60%;
		margin: auto;
		display: block;
	}
}

.footerRight {
	width: 20vw;
}

.footerCenter {
	width: 80vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 2vw;

}

.headerNav {
	background-color: #005398;
	display: flex;
	justify-content: center;
	align-items: center;
	
	.vertSpacer {
		background: rgba(255, 255, 255, 0.20);
		width: 0.5px;
		height: 2vw;
	}
	
	a {
		color: white;
		padding: 0.5vw 1vw;
		transition: all 0.5s;
		margin:  0 1.5vw;
		display: inline-block;
	}
	
	a:hover {
		transition: all 0.5s;
		transform: scale(1.1);
	}
	
}

.headerMobile {
	display: none;
}

.headerTop {
	display: flex;
	height: 12vw;
}

.holdLeft {
	width: 20vw;
}

.holdRight {
	width: 20vw;
	margin-top: 2vw;
}

.logoContainer {
	width: 80vw;
	text-align: center;
	
	a {
		height: auto;
	}
	
	img {
		width: 12vw;
		margin: auto;
		margin-top: 2vw;
	}
}

.phoneButton {
	background-color: #83B2DF;
	color: white;
	padding: 1vw 3vw;
	transition: all 0.5s;
	display: inline-block;
	border-radius: 3px;
}

.phoneButton:hover {
	background-color: #005398;
	transform: scale(1.02);
	transition: all 0.5s;
}

/*------------------Blue Triple section-----------------*/
.blueTriple {
	background-color: #005398;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 18vw;
	
	.unit {
		width: 20vw;
		margin: auto 2vw;
		text-align: center;
		color: white;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
		
		
		p {
			margin-top: 0;
		}
	}
	
	.vertLine {
		height: 10vw;
		width: 3px;
		background: rgba(255, 255, 255, 0.20);
	}
	
	.ribbon {
		width: 6vw;
		margin-top: 1vw;
		margin-bottom: 0.8vw;
	}
	
	.profile {
		width: 11vw;
	}
	
	.gear {
		width: 8vw;
		margin-top: 0.35vw;
		margin-bottom: 0.7vw;
	}
}

.tripleButtons {
	height: 12vw;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2vw;
	
	a {
		background-color: #83B2DF;
		color: white;
		width: 14vw;
		height: 3vw;
		transition: all 0.5s;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 2px;
		font-weight: bold;
	}
	
	a:hover {
		background-color: #005398;
		transform: scale(1.02);
		transition: all 0.5s;
		
	}
}

.whyWorkMain {
	padding-top: 5vw;
	padding-bottom: 1vw;
}

.whyWork {
	display: flex;
	width: 50vw;
	margin: auto;
}

.bluePara {
	width: 45vw;
	margin: auto;
	text-align: center;
	color: #005398;
	font-weight: bold;
	margin-bottom: 4vw;
}

.workButtons, .altButtons {
	display: flex;
	gap: 2vw;
	a {
		background-color: #83B2DF;
		color: white;
		width: 14vw;
		height: 3vw;
		transition: all 0.5s;
		display: flex;
		justify-content: center;
		align-items: center; 
		font-weight: bold;
		border-radius: 3px;
	}
	
	a:hover {
		background-color: #005398;
		transform: scale(1.02);
		transition: all 0.5s;
		
	}
}

.altButtons {
	justify-content: center;
	margin-bottom: 4vw;
}

.chairImage {
	width: 60vw;
}

#block-cirrocumulus-whyworkamish {
	.chairImage {
		width: 40vw;
	}
}

.whyText {
	margin-top: 2vw;
	margin-left: 2vw;
}

.oneTwoThree {
	display: flex;
	justify-content: center;
	gap: 4vw;
	padding-top: 4vw;
	padding-bottom: 4vw;
}

.numTile {
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
		p {
			color: #005398;
		}
		
		h2 {
			font-family: "dm-serif-display", sans-serif;
		}
}

.one, .two, .three {
	height: 14.5vw;
	width: 14.5vw;
	border-radius: 50%;
}

.one {
	background-image: url(/sites/default/files/2026-07/sheds.png);
	background-size: 230%;
	background-position: 12% 10%;
}

.two {
	background-image: url(/sites/default/files/2026-07/ship.png);
	background-size: 148%;
	background-position: 50% 10%;
}

.three {
	background-image: url(/sites/default/files/2026-07/rocker.png);
	background-size: 120%;
	background-position: 30% 10%;
	transform: rotate(8deg);
	z-index: -1;
}

.numTile {
	h2 {
		font-size: 3.5vw;
		margin-top: -2vw;
		margin-bottom: 0;
		color: #005398;
	}
	
	p {
		margin-top: 0;
	}
}

.bdRad1 {
	border-radius: 0 3px 3px 0;
}

.bdRad2 {
	border-radius: 3px 3px 0 0;
}

.altMain {
	display: flex;
	margin-bottom: 4vw;
}

.altMain:nth-child(even) {
	flex-direction: row-reverse;
	
	.altPara {
		text-align: right;
		margin-right: 4vw;
	}
}

.altMain:nth-child(even) {
	.altImage {
		flex-direction: row-reverse;
	}
}

.altImage {
	display: flex;
	
	img {
		height: 14vw;
		width: auto;
	}
}

.altPara {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin-left: 4vw;
	width: 20vw;
	color: #005398;
	
	h4 {
		margin-bottom: 0;
	}
	
	p {
		margin-top: 0.25vw;
	}
}

.revImage {
	width: 40vw;
	object-fit: cover;
}

.alternatingSheds, .alternatingLawn {
	width: 90vw;
	margin: auto;
}

.reverser {
	display: flex;
	margin-bottom: 4vw;
	border-radius: 4px;

	.altPara {
		color: white;
		width: 30vw;
		justify-content: center;
	}
}

.reverser:nth-child(even) {
	flex-direction: row-reverse;
	background-color: #535154;
	margin-right: 4vw;
	filter: drop-shadow(5px 3px 4px gray);

	.revImage {
		border-radius: 0 3px 3px 0;
	}
	
	.altPara {
		text-align: right;
		margin-right: 4vw;
		margin-left: auto;
	}
}

.reverser:nth-child(odd) {
	background-color: #83B2DF;
	margin-left: 4vw;
	filter: drop-shadow(-6px 3px 4px gray);
	
	.revImage {
		border-radius: 3px 0 0 3px;
	}
}

.darkPin {
	background-color: #757575;
	display: flex;
	width: 75%;
	margin: auto;
	padding: 2vw;
	margin-bottom: 4vw;
	border-radius: 3px;
	
	img {
		filter: invert(0.55);
	}
	
	.pinContainer {
		width: 20vw;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 1vw;
		padding-right: 2.5vw;
	}
}

.lightPin {
	background-color: #BFC0C0;
	display: flex;
	width: 75%;
	margin: auto;
	padding: 2vw;
	margin-bottom: 4vw;
	
	img {
		filter: invert(0.55);
		width: 8vw;
		margin-right: 2vw;
	}
	

	
	.focus {
		font-size: clamp(16px, 1.25vw, 22px);
	}
}

.pinText {
	color: white;
	font-style: italic;
	font-weight: 100;
	padding-right: 8vw;
	
	h3 {
		margin-bottom: 0;
		font-style: italic;
	}
	
	p:first-of-type {
		margin-top: 0;
	}
}

.furnitureGrid {
	padding-top: 0.25vw;
	padding-bottom: 4vw;
	h2 {
		width: 30vw;
		margin: 3.5vw auto;
		color: #005398;
		text-align: center;
	}
	
	p {
		font-weight: bold;
		color: #757575;
	}
}

.grid {
	display: flex;
	width: 80vw;
	margin: auto;
	gap: 2vw;
	flex-wrap: wrap;
	justify-content: space-around;
}

.gridItem {
	width: 15vw;
	text-align: center;
	
	img {
		width: 14vw;
		margin: auto;
	}
}

.aboutText {
	width: 60vw;
	background: rgba(255, 255, 255, 0.78);
	backdrop-filter: blur(2px);
	margin-top: -35vw;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	color: #005398;
	font-size: 17px;
	padding-top: 2vw;
	
	p {
		margin: 2vw 4vw;
		line-height: 1.5;
	}
	
	h2 {
		text-align: center;
	}
}

.aboutBarn {
  float: right;
  width: 45%;
  max-width: 480px;
  height: auto;
  margin: -1vw -7vw -7vw 2vw;
  padding-top: 4.5vw;
  transform: rotate(3deg);
}

.aboutContactBtn {
  display: inline-block;
  clear: both; /* keeps the button from riding up next to the barn image */
  margin-top: 10px;
  background-color: #83B2DF;
  color: white;
  width: 14vw;
  height: 3vw;
  transition: all 0.5s;
  display: flex;
  justify-content: center;
  align-items: center; 
  font-weight: bold;
  border-radius: 3px;
}


.aboutContactBtn:hover {
	background-color: #005398;
	transform: scale(1.02);
	transition: all 0.5s;
	
}

.aboutClear {
  clear: both;
}

@media (max-width: 700px) {
  .aboutBarn {
	float: none;
	width: 100%;
	max-width: 100%;
	margin: 20px 0;
  }
}

.webform-submission-form {
	background-color: #333;
	padding-top: 6vw;
	padding-bottom: 6vw;
}
#edit-main {
	display: flex;
	width: 60vw;
	margin: auto;
	gap: 4vw;
	justify-content: center;
}

input {
	margin-bottom: 1vw;
}

#edit-title {
	text-align: center;
	
	h2 {
		font-weight: 100;
		font-style: italic;
		font-size: 3vw;
		color: white;
	}
}

#edit-left {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1vw;
}

textarea, input {
	padding: 1vw;
	border-radius: 6px;
	border: none;
	font-weight: bold;
	color: #005398;
	font-size: 17px;
}

textarea::placeholder {
	color: #005398;
}

input::placeholder {
	color: #005398;
}


textarea {
	height: 12vw;
}

#edit-actions-submit {
	background-color: #005398;
	border: none;
	color: white;
	width: 14vw;
	height: 3vw;
	transition: all 0.5s;
	display: flex;
	justify-content: center;
	align-items: center; 
}

#edit-actions-submit:hover {
	background-color: #83B2DF;
	transform: scale(1.02);
	transition: all 0.5s;
}

.addressMain {
	background-color: #83B2DF;
	width: 60vw;
	margin: 4vw auto;
	margin-left: 25vw;
	display: flex;
	height: 21vw;
	align-items: center;

	* {
		color: white;
	}
}

.mapCircle {
	height: 21vw;
	margin-left: -12vw;
	margin-top: -1vw;
	aspect-ratio: 1/1;
	border-radius: 50%;
	border: 2vw solid white;
}

.mapCircle:hover {
	cursor: pointer;
}

.old {
	background-image: url(/sites/default/files/2026-08/old.png);
	background-size: 200%;
	background-position: 72% 38%;
}

.new {
	background-image: url(/sites/default/files/2026-08/new.png);
	background-size: 290%;
	background-position: 52% 29%;
}

.path-contact-us {
	.tripleButtons {
		height: 4vw;
		padding-bottom: 4vw;
	}
}

.addressText {
	margin-left: 4vw;
	
	
	* {
		margin-top: 0.25vw;
		margin-bottom: 0.25vw;
		font-size: 1.1vw;
	}
}

.bannerCenter {
	width: 59vw;
	height: 18vw;
	margin: auto;
	text-align: center;
	background: rgba(255, 255, 255, 0.78);
	margin-top: -30vw;
	margin-bottom: 11.5vw;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 2px;
	
	h1 {
		margin-bottom: 0;
		color: #005398;
	}
	
	p {
		color: #005398;
		margin-top: 0;
	}
	
	.blueButton {
		margin-top: 1vw;
	}

}

.blueButton {
	background-color: #83B2DF;
	color: white;
	font-weight: bold;
	padding: 1vw 3vw;
	transition: all 0.5s;
	display: inline-block;
	border-radius: 2px;
}

.blueButton:hover {
	background-color: #005398;
	transform: scale(1.02);
	transition: all 0.5s;
}

.bannerTextOuter {
		position: relative;
		background: rgba(255, 255, 255, 0.78);
		margin-top: -29vw;
		margin-bottom: 5.75vw;
		margin-left: 5vw;
		width: 40vw;
		height: 23vw;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		border-radius: 2px;
		
}

.bannerButtons {
		display: flex;
		width: 100%;
		margin: 0 auto;
		justify-content: center;
		gap: 2vw;
}

.bannerTextInner {
	width: 38vw;
	height: 21vw;
	border: 1px solid #83B2DF;
	display: flex;
	flex-direction: column;
	justify-content: center;
	
	h1 {
		color: #005398;
		margin-bottom: 0;
	}
	
	p {
		color: #005398;
		margin-top: 0;
	}
	
	.bannerButtons {
		margin-top: 1vw;
	}
}

.homeRounds {
	padding-bottom: 4vw;
	h2 {
		width: 40vw;
		margin:4vw auto;
		text-align: center;
		color: #005398;
	}
}

.roundsContainer {
	display: flex;
	flex-wrap: wrap;
	width: 65vw;
	margin: auto;
}

.rdTile {
	width: 20vw;
	margin: auto;
	text-align: center;
	font-weight: bold;
	a {
		color: #757575;
	}
}

.shedRd, .garageRd, .lawnRd, .amishRd, .playsetRd, .gazeboRd {
	width: 16vw;
	margin: auto;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	border: 5px solid #D5D6D7;
}

.shedRd {
	background-image: url(/sites/default/files/2026-07/shedrd.png);
	background-size: 134%;
	background-position: 30% 47%;
}

.garageRd {
	background-image: url(/sites/default/files/2026-07/garagerd.jpg);
	background-size: 138%;
	background-position: 10% 10%;
}

.lawnRd {
	background-image: url(/sites/default/files/2026-07/lawnrd.png);
	background-size: 185%;
	background-position: 90% 10%;
}

.amishRd {
	background-image: url(/sites/default/files/2026-07/tablerd.png);
	background-size: 140%;
	background-position: 9% 93%;
}

.playsetRd {
	background-image: url(/sites/default/files/2026-07/playsetrd.jpg);
	background-size: 145%;
	background-position: 32% 10%;
}

.gazeboRd {
	background-image: url(/sites/default/files/2026-07/gazebord.png);
	background-size: 145%;
	background-position: 53% 10%;
}

.fourPhotos {
	display: flex;
}

.sgMain {
	text-align: center;
	color: #005398;
	padding-bottom: 4vw;
	padding-top: 2vw;
	
	h2 {
		width: 30vw;
		margin: 1vw auto;
	}
}

.shedPageGrid {
	display: flex;
	width: 85%;
	margin: auto;
	padding-top: 1vw;
	justify-content: space-between;
}

.shedTile {
	width: 18vw;
	text-align: center;
	
	p {
		font-weight: bold;
		color: #757575;
	}
}

.path-lawn-furniture {
	.blindsPhotos {
		height: 25vw;
	}
}

.imgleft, .imgright {
	height: 26.53vw;
	object-fit: cover;
	img {
		height: 100%;
		width: auto;
	}
}

.blinds {
	background-color: #005398;
	padding-top: 3vw;
	padding-bottom: 3vw;
}

.blindsButton {
	padding-bottom: 3vw;
	width: 50vw;
	margin: auto;
	text-align: center;
	
	.blueButton:hover {
		background-color: #757575;
	}
}

.blindsPhotos {
	display: flex;
	
	div {
		width: 33.3333vw;
	}
}



.shedCollage, .amishStripTop, .fourPhotos {
	display: flex;
	
	div {
		width: 25vw;
		
		img {
			object-fit: cover;
			width: 100%;
			height: 100%;
		}
	}
	
}

.path-lawn-furniture {
	.blindsPhotos {
		div {
			width: auto;
		}
	}
}

.garageTop {
	text-align: center;
	padding: 3vw 0;
	
	h2 {
		color: #005398;
	}
	
	p {
		width: 70vw;
		margin: auto;
		color: #333333;
		font-weight: bold;
	}
}

.amishStripTop {
	display: flex;
	height: 19vw;
	img {
		
		height: auto;
	}
}

.garageStripTop {
	padding: 3vw 0;
	display: flex;
	justify-content: center;
	gap: 4vw;
	
	img {
		width: 16vw;
	}
}

.garageStripBottom {
	padding: 3vw 0;
	display: flex;
	justify-content: center;
	gap: 4vw;
	
	img {
		width: 16vw;
	}
}

.garageLast {
	display: flex;
	width: 80vw;
	margin: auto;
	margin-top: -4vw;
}

.barnText {
	display: flex;
	align-items: center;
	margin-left: 4vw;
	color: #005398;
	p {
		line-height: 1.5;
	}
}

.barnImage img {
	width: 40vw;
	margin-bottom: -0.25vw;
}

.lawnCollage {
	display: flex;
	div {
		height: 27vw;
		width: auto;
		object-fit: cover;
		display: flex;
	}
}

.lawn-page-main {
	.blinds {
		.blueButton {
			width: 22vw;
		}
		
		.blueButton:hover {
			background-color: #757575;
		}
	}
}

.elfsight-app-aab4fa34-7ee2-468a-824b-79656f046c6c {
	padding: 0 0 0 4vw;
}

@media screen and (min-width: 1600px) {
	.headerTop {
		height: 9vw;
	}
	
	.logoContainer img {
		margin: 1vw auto;
	}
}


@media screen and (max-width: 750px) {
	
	.headerDesk {
		display: none;
	}
	
	.headerMobile {
		display: flex;
	}
	
	.footerMain {
		height: auto;
		flex-direction: column;
		
		.footerAddres {
			p, a {
				font-size: 3vw;
			}
		}
	}
	
    
	
	.footerLeft {
		width: 45vw;
		padding-top: 8vw;
		
		img {
			width: 100%;
		}
	}
	
	.footerNav {
		display: none;
	}
	
	.footerRight {
		display: none;
	}
	
	.rdTile {
		width: 85vw;
	}
	
	.shedRd, .garageRd, .lawnRd, .amishRd, .playsetRd, .gazeboRd {
		width: 65vw;
	}
	
	h2 {
		font-size: 6vw;
	}
	
	h4 {
		font-size: 5.5vw;
	}
	
	p, a {
		font-size: 4.5vw;
	}
	
	.bannerCenter {
		height: 60vw;
		width: 72vw;
		margin-top: -69vw;
		
		p {
			margin: 0 auto;
		}
		
		h1 {
			font-size: 6.5vw;
			width: 60vw;
			margin: auto;
			margin-bottom: 1vw;
		}
	}
	
	.blueButton {
		margin-bottom: 6vw;
		margin-top: 3vw;
		padding: 2vw 6vw;
		border-radius: 3px;
	}
	
	.homeRounds {
		h2 {
			width: 85vw;
			padding-top: 6vw;
			padding-bottom: 6vw;
		}
	}
	
	.blueTriple {
		height: 200vw;
		padding-top: 6vw;
		padding-bottom: 6vw;
		flex-direction: column;
		
		.vertLine {
			height: 2px;
			width: 70vw;
			margin: auto;
		}
		
		.unit {
			width: 70vw;
		}
		
		.ribbon {
			width: 32vw;
		}
		
		.profile {
			width: 45vw;
		}
		
		.gear {
			width: 35vw;
		}
	}
	
	.tripleButtons, .workButtons, .altButtons {
		flex-direction: column;
		height: 45vw;
		gap: 6vw;
		align-items: center;
		
		a {
			width: 50vw;
			height: 12vw;
		}
	}
	
	.workButtons {
		padding-top: 6vw;
	}
		
	.fourPhotos {
		display: grid;
		grid-template-columns: auto auto;
		
		div {
			display: flex;
			height: 47vw;
			
			img {
				object-fit: cover;
			}
		}
	}
	
	.whyWorkMain {
		padding-top: 12vw;
	}
	
	.whyWork {
		width: 85vw;
		flex-direction: column;
	}
	
	.chairImage {
		width: 60vw;
		margin: auto;
	}
	
	.oneTwoThree {
		flex-direction: column;
	}
	
	.one, .two, .three {
		width: 50vw;
		height: 50vw;
	}
	
	.numTile {
		h2 {
			font-size: 12vw;
			margin-top: -8vw;
		}
		
		p {
			font-size: 5vw;
		}
	}
	
	.altMain {
		flex-direction: column;
	}
	
	.altImage {
		img {
			height: 29vw;
		}
	}
	
	.altPara {
		width: 85vw;
		margin: auto;
	}
	
	.altMain:nth-child(even){
		flex-direction: column;
	}
	
	.shedPageGrid {
		flex-direction: column;
	}
	
	.shedTile {
		width: 70vw;
		margin: auto;
	}
	
	.blinds {
		padding-top: 7vw;
	}
	
	.blindsButton {
		width: 60vw;
	}
	
	.blindsPhotos {
		flex-direction: column;
	}
	
	.sgMain {
		h2 {
			width: 90vw;
			padding: 3vw 0;
			margin: 7vw auto;
		}
	}
	
	.shedCollage {
		display: grid;
		grid-template-columns: auto auto;
		
		div {
			display: flex;
			height: 47vw;
			width: 50vw;
			
			img {
				object-fit: cover;
			}
		}
	}
	
	.amishStripTop, .fourPhotos {
		display: grid;
		grid-template-columns: 50vw 50vw;
		height: 94vw;
		
		div {
			display: flex;
			height: 47vw;
			width: 50vw;
			
			img {
				object-fit: cover;
				width: 100%;
				height: auto;
			}
		}
	}
	
	.alternatingSheds {
		width: 95vw;
	}
	
	.reverser:nth-child(odd) {
		margin-left: auto;
		margin-right: auto;
		filter: drop-shadow(-6px 3px 4px white);
		
		.altPara {
			text-align: left;
			margin: auto;
		}
	}
	
	.reverser:nth-child(even) {
		margin-left: auto;
		margin-right: auto;
		filter: drop-shadow(-6px 3px 4px white);
		flex-direction: column;
		
		.altPara {
			text-align: left;
			margin: auto;
		}
	}
	
	.reverser {
		flex-direction: column;
		padding-bottom: 6vw;
		margin-bottom: 7vw;
		
		.altPara {
			width: 80vw;
		}	
	}
	
	.revImage {
		width: 100%;
	}
	
	.darkPin {
		flex-direction: column;
		width: 85%;
		padding: 6vw 4vw 4vw 4vw;
	
		
		.pinContainer {
			margin-bottom: -23vw;
		}
		
		h3 {
			font-size: 4.5vw;
			margin-left: 25vw;
		}
	}
	
	.lightPin {
		flex-direction: column;
		width: 85%;
		padding: 6vw 4vw 4vw 4vw;
		
		img {
			width: 25vw;
		}
	
		
		.pinContainer {
			margin-bottom: -23vw;
		}
		
		h3 {
			font-size: 4.5vw;
			margin-left: 25vw;
		}
	}
	
	.bannerTextOuter {
		width: 85vw;
		height: 55vw;
		margin: auto;
		margin-top: -60vw;
		margin-bottom: 5vw;
	}
	
	.bannerTextInner {
		width: 78vw;
		height: 48vw;
		
		h1 {
			font-size: 6.5vw;
			margin-bottom: 1vw;
		}
		
		p {
			margin-top: 1vw;
			padding: 0 2.5vw;
		}
	}
	
	.path-garage-builder, .path-lawn-furniture {
		.bannerTextInner {
			br {
				display: none;
			}
			
			p {
				margin-bottom: 0;
			}
		}
	}
	
	.garageTop {
		padding-bottom: 8vw;
		
		p {
			margin-top: 4vw;
			margin-bottom: 4vw;
		}
	}
	
	.garageStripTop, .garageStripBottom {
		flex-direction: column;
		gap: 10vw;
		
		img {
			width: 80vw;
			margin: auto;
		}
	}
	
	.garageLast {
		display: none;
	}
	
	.furnitureGrid {
		h2 {
			width: 80vw;
			margin-top: 6vw;
			margin-bottom: 6vw;
		}
		
		.grid {
			flex-direction: column;
		}
		
		.gridItem {
			width: 65vw;
			margin: auto;
			img {
				width: 65vw;
			}
		}
	}
	
	.lawnCollage {
		display: grid;
		flex-direction: column;
		width: 80vw;
		margin: auto;
		gap: 6vw;
		
		div {
			height: auto;
		}
	}
	
	.lawn-page-main {
		.blindsButton {
			width: 85vw;
			
			.blueButton {
				width: 75vw;
			}
		}
		
		.blindsPhotos {
			flex-direction: column-reverse;
			gap: 8vw;
			height: 120vw;
			
			.imgleft, .imgright {
				width: 100%;
				height: auto;
				
				img {
					width: 100%;
					height: auto;
				}
			}
		}
	}
	
	.lightPin {
	.focus {
		margin-left: 25vw;
		margin-bottom: 9vw;
		font-size: 5vw;
		display: inline-block;
		font-weight: bold;
	}
}

.bluePara {
	width: 80vw;
	margin-bottom: 8vw;
}

.aboutText {
	width: 90vw;
}

.aboutBarn {
	transform: rotate(0deg);
}

.aboutContactBtn {
	width: 47vw;
	height: 10vw;
}

#edit-main {
	flex-direction: column-reverse;
	height: 55vw;
	width: 85vw;
}

#edit-title {
	margin-bottom: 18vw;
	h2 {
		font-size: 7vw;
	}
}

#edit-left {
	gap: 3vw;
}

#edit-right {
	margin: auto;
	margin-bottom: -59vw;
}

#edit-actions {
	margin-top: 36vw;
}

#edit-actions-submit {
	width: 40vw;
	height: 10vw;
}

input, textarea {
	width: 75vw;
	margin: auto;
}

textarea {
	height: 30vw;
}

.addressMain {
	width: 80vw;
	margin: 9vw auto;
	margin-left: 20vw;
	height: 40vw;
}

.addressText {
	* {
	font-size: 3vw;
	}
}

.mapCircle {
	margin-left: -19vw;
	margin-top: -1vw;
	height: 41vw;
}

.path-contact-us {
	.tripleButtons {
		height: 40vw;
	}
}

.blindsPhotos {
	img {
		width: 100vw;
		height: 67vw;
		object-fit: cover;
		
	}
	div {
		height: 67vw;
		width: 100vw;
	}
}

.headerMobile {
	.left {
		width: 20vw;
	}
	
	.mobileLogo {
		width: 60vw;
		text-align: center;
		
		img {
			width: 35vw;
			margin: 10vw auto;
		}
	}
	
	.right {
		width: 20vw;
		text-align: center;
		margin-top: 8vw;
		
		img {
			width: 10vw;
		}
	}
}

#block-cirrocumulus-responsivemenumobileicon {
	margin-bottom: -16vw;
	margin-left: 4vw;
}

#toggle-icon .label {
	display: none;
}

.responsive-menu-toggle-icon span.icon {
	background: #83B2DF;
	width: 35px;
}

.responsive-menu-toggle-icon:before {
	background: #83B2DF;
	width: 35px;
	top: 6px;
}

.responsive-menu-toggle-icon:after {
	background: #83B2DF;
	width: 35px;
	top: 22px;
}
	
	
}

@media screen and (min-width:751px) and (max-width: 1325px) {
	input, textarea {
		width: 40vw;
	}
	
	#edit-actions-submit {
		width: 17vw;
		height: 5vw;
	}
}

@media screen and (min-width:350px) and (max-width: 500px) {
	#edit-right {
		margin-bottom: -59vw;
	}
}

@media screen and (min-width:500px) and (max-width: 569px) {
	#edit-right {
		margin-bottom: -55vw;
	}
}

@media screen and (min-width:570px) and (max-width: 599px) {
	#edit-right {
		margin-bottom: -54vw;
	}
}

@media screen and (min-width:600px) and (max-width: 644px) {
	#edit-right {
		margin-bottom: -54vw;
	}
}

@media screen and (min-width:645px) and (max-width: 749px) {
	#edit-right {
		margin-bottom: -52vw;
	}
}
/*----*/
@media screen and (min-width:750px) and (max-width: 1150px) {
	.chairImage {
		img {
			width: 20vw;
		}
	}
}

/*--------*/
@media screen and (min-width:750px) and (max-width: 910px) {
	
	.footerRight {
		width: 1vw;
	}
	
	.footerMain {
		height: 14vw;
	}
	
	.footerAddres {
		p {
			padding-right: 19vw;
		}
		
	}
	
	.barnImage img {
		margin-bottom: -24vw;
	}
}

@media screen and (min-width:848px) and (max-width: 1275px) {
	.altPara {
		width: 40vw;
		
		h4 {
			margin-top: 0;
		}
	}
}

@media screen and (min-width:751px) and (max-width: 847px) {
	.altPara {
		width: 45vw;
		
		h4 {
			margin-top: 0;
		}
	}
}