#wrapper {
	display:grid;
	grid-template-rows:minmax(auto);
	grid-template-columns:minmax(0px, 1fr) repeat(5, minmax(0, 175px)) minmax(0px, 1fr);
}
title {
	display:none;
}
body {
	border:10px solid;
	color:#007755;
}
#top {
	background-color:#ffffff;
	text-decoration-line:none;
	grid-row:1/2;
	grid-column:1/10;
	text-align:center;
	background-image:url(images/buggers.jpg);
	width:100%;
	height:280px;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
#top h1 {
	background-color:rgba(0,119,85,0.8);
	width:100%;
	text-align:center;
	grid-column:1/10;
}
#top h1 a {
	grid-column:1/10;
	opacity:1;
	padding-top:60px;
	color:#fffffe;
	text-decoration-line:none;
	text-shadow:2px 3px black;
	font-size-adjust:1.2;
}
#planet {
	background-color:#007755;
	color:#ffffff;
	grid-row:2/3;
	grid-column:1/10;
	text-align:center;
	text-shadow:2px 3px black;
	font-size-adjust:0.7;
	border:5px #666666;
}
nav {
	background-color:#007755;
	grid-row:3/4;
	grid-column:1/10;
	font-weight:bold;
	display:grid;
}
nav ul {
	display:flex;
	flex-flow:row nowrap;
	margin:0;
	padding:0;
}
nav ul li {
	width:100%;
}
nav ul li a {
	color:#ffffff;
	text-decoration-line:none;
	text-shadow:1px 1px black;
	text-align:center;
	display:block;
	padding:1rem;
}
nav ul li a:hover {
	background-color:#008855;
	color:#ffffff;
	transition:0.5s;
}
#house {
	background-image:url(images/house.jpg);
	grid-row:4/5;
	grid-column:1/4;
	width:100%;
	height:500px;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	border:10px solid #666666;
}
main {
	float:left;
	background-color:#ffffff;
	grid-row:4/5;
	grid-column:4/10;
	color:#666666;
	padding:10px;
	border:10px solid;
}
main h2 {
	font-weight:bold;
	padding-top:0;
	margin-top:0;
	padding:10px;
	background-color:#007755;
	color:#ffffff;
	text-align:center;
}
main p {
	color:#666666;
	padding:2px;
}
main a {
	text-align:center;
	display:flex;
	flex-flow:column nowrap;
	font-weight:bold;
	font-size-adjust:1;
	text-decoration-line:none;
	color:#007755;
	border:5px solid;
	box-shadow: 2px 3px #666666;
}
main a:hover {
	color:#ffffff;
	background-color:#007755;
	border:5px solid #00cc55;
	transition:0.5s;
}
#pestid {
	grid-row:4/5;
	grid-column:1/10;
	padding:0;
	margin:0;
	display:grid;
}
#pestid h2 {
	border:10px solid #ffffff;
	margin:0;
	text-align:center;
	grid-column:1/10;
}
#pestid p {
	border:10px solid rgba(0,119,85,0);
	height:250px;
	background-color:rgba(255,255,255,0);
	font-weight:bold;
	color:rgba(255,255,255,0);
	padding:0;
	transition:0.5s;
}
#pestid p:hover {
	background-color:rgba(255,255,255,0.65);
	color:rgba(0,119,85,1);
	border:0px;
	transition:0.5s;
	border:10px solid rgba(0,119,85,1);
}
#pestid #oneimg {
	grid-row:4/5;
	background-image:url(images/oneimg.jpg);
}
#pestid #twoimg {
	grid-row:4/5;
	background-image:url(images/twoimg.jpg);
}
#pestid #threeimg {
	grid-row:4/5;
	background-image:url(images/threeimg.jpeg);	
}
#pestid #fourimg {
	grid-row:4/5;
	background-image:url(images/fourimg.jpeg);
	
}
#pestid #fiveimg {
	grid-row:4/5;
	background-image:url(images/fiveimg.jpeg);
	
}
#pestid #siximg {
	grid-row:4/5;
	background-image:url(images/siximg.jpeg);
}
#pestid #sevenimg {
	grid-row:4/5;
	background-image:url(images/sevenimg.jpeg);
}
#pestid #eightimg {
	grid-row:4/5;
	background-image:url(images/eightimg.jpeg);
}
#pestid #nineimg {
	grid-row:4/5;
	background-image:url(images/nineimg.jpeg);
}
#pestid #tenimg {
	grid-row:4/5;
	background-image:url(images/tenimg.jpeg);
}
#oneimg, #twoimg, #threeimg, #fourimg, #fiveimg, #siximg, #sevenimg, #eightimg, #nineimg, #tenimg {
	height:300px;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	border:10px solid #666666;
}
#column1 {
	display:flex;
	grid-column:1/2;
	flex-flow:column nowrap;
}
#column2 {
	display:flex;
	grid-column:3/4;
	flex-flow:column nowrap;
}
#column3 {
	display:flex;
	grid-column:5/6;
	flex-flow:column nowrap;
}
#column4 {
	display:flex;
	grid-column:7/8;
	flex-flow:column nowrap;
}
#column5 {
	display:flex;
	grid-column:9/10;
	flex-flow:column nowrap;
}
footer {
	text-align:center;
	grid-row:6/7;
	grid-column:1/10;
	border:10px solid;
	color:#666666;
	padding:10px;
}
* {
	font-family:verdana;
}
@media only screen and (max-width:992px) {
	#house {
		grid-row:3/5;
		grid-column:4/10;
		float:left;
	}
	main {
		grid-column:1/10;
	}
	nav {
		grid-column:1/4;
		grid-row:3/4;	
	}
	nav ul {
		flex-flow: column nowrap;

	}
	nav ul li a {
		padding:2.375rem;
	}
}
@media only screen and (max-width:768px) {
	#house {
		display:none;
	}
	nav {
		grid-column:1/10;
	}
	#column1 {
		grid-column:1/10;
	}
	#column2 {
		grid-column:1/10;
	}
	#column3 {
		grid-column:1/10;
	}
	#column4 {
		grid-column:1/10;
	}
	#column5 {
		grid-column:1/10;
	}
}
@media only screen and (max-width:684px) {
	#top h1 a {
		padding-top:20px;
	}

}