@media (max-width:768px) {
	
	.cell {
		width: 100% !important;
		height: calc(33vh - 90px) !important;
	}
	
	#logo {
		display: none !important;
	}
	
	#logo2{
		left: 5% !important;
	}
	
	#headerLinks {
		display: none !important;
	}
	
	#headerLinks2 {
		display: none !important;
	}
	
	#mobileLinks {
		display: block !important;
	}
	
}

#links {
	display: none;
	background-color: #3e3f3a;
	position: absolute;
	top: 44px;
	z-index: 3;
	width: 100%;
	padding-bottom: 15px;
	
}

#mobileLinks {
	display: none;
	padding-bottom: 55px;
	background-color: #3e3f3a;

}

#mobileLinks a {
	text-decoration: none;
	color: white;
	font-size: 11px;
	line-height: 35px;
	font-weight: 500;
	text-transform: uppercase;
	margin:auto;
	padding-left: 5%;
	padding-bottom: 10px;
	font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
}

#mobileLinks a.icon {
	float: right;
	padding: 10px;
	margin-right: 5%;
	font-size: 20px !important;
}


#quadrant2 {
	z-index:2;
	position: absolute;
	width:100%;
	height: calc((55vh - 99px)*2);
	
}

#quadrant {
	
	position: relative;
	width:100%;
	height: calc((55vh - 99px)*2);
	
}

.cell {
	width:50%;
	float:left;
	height: calc(55vh - 99px);
}

#aquatics{
	background-image: url(/images/AQ1.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}

#aquatics2{
	
	width: 100%;
	height: 100%;
}

#golf{
	background-image: url(/images/GO1.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}

#ornamental{
	background-image: url(/images/OR1.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}

#agriculture{
	background-image: url(/images/AG1.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}

.h1 a:hover {
	color: #029cdc!important;
}

.h2 a:hover {
	color: #029cdc!important;
}



#mainWrapper {
	width: 70%;
	background-color: #8f8c85;
	margin:auto;
	padding:0;
	height: 100%;
	
}

#headerLinks {
	
	
	vertical-align: middle;
	text-align: right;
	padding-top: 0px;
	padding-right:10%;
	
	
	
	padding-bottom: 20px;
	background-color: #3e3f3a;
	
}
#headerLinks2 {
	
	
	text-align: right;
	padding-top: 0px;
	padding-right:10%;
	
	
	padding-bottom: 20px;
	background-color: #8f8c85;
	
}
#headerLinks img {
	padding-top: 4px;
	display: inline-block;
	vertical-align: middle;	
	height: 80%;
	float: left;
	margin-left:10%;
	
}
/* Links in header */
#headerLinks a {
	text-decoration: none;
	color: white;
	padding-right: 3%;
	padding-top:15px;
	font-size: 11px;
	line-height: 22px;
	font-weight: 500;
	text-transform: uppercase;
	margin:auto;
	display: inline-block;
  vertical-align: middle;
	font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
	
	
}

#logo2 {
	display: block!important;
	top: 7px;
	position: absolute;
	height: 35px;
	left: 10%;
}

#logo2 img {
	height: 80%;
}

#headerLinks2 a {
	text-decoration: none;
	color: white;
	padding-right:3%;
	
	padding-top:15px;
	text-transform: uppercase;
	margin:auto;
	display: inline-block;
  vertical-align: middle;
	font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 11px;
	line-height: 22px;
	font-weight: 500;
	
	
}

#logo{
	
	
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	text-align: center;
	z-index: 1;
}

#logo img{
	
	width: calc(15% - 20px);

	margin-top: calc(30vh - 50px);

}

.quad {
	
	background-size: cover;
	background-repeat: no-repeat;
	
}



.q1 {grid-area: AQ;}
.q2 {grid-area: GO;}
.q3 {grid-area: OR;}
.q4 {grid-area: AG;}
.h1 {grid-area: h1;}
.h2 {grid-area: h2;}


.grid{
	width: 100%;
	
	display: grid;
	grid-template-areas: 
		'h1 h1'
		'h2 h2'
		'AQ GO'
		'OR AG';
	grid-template-columns: 960px 960px;
	grid-template-rows: 45px 45px 641.28px 641.28px;
	
	
}

body {
	
	background-color: #8f8c85;
	margin:0px;
}