.grid{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;

}


.rodentMenu{
	grid-column:1/4;
}


#name{
	text-align: center;
	margin-top:50px
}
#name li{
	display: inline;
	background-color: ;
	border-radius: 0px;
	border-right: 1px solid black;
	border-left: 1px solid black;
}
#name li a{
	font-size: 24px;
	margin: 10px;
	text-decoration:none;
	color: black;

}
#name a:hover {
	color:#0682CD
}

.pest{
	grid-column:1/4;
}

.pestName{
	font-size: 40px;
	font-weight: bold;
	text-align:right;
	margin-right:10%;
	margin-top:50px;
	color:#0682CD
}

.pestLine{
	width:82%;
	margin:auto;
}


#pestPic{
	max-width:500px;
	float:left;
	width:40%;
	margin-top:10px;
	margin-left:5%
}

.pestInfo{
	margin-top:50px;
	float:right;
	margin-right:10%;
	width:45%;
	font-size: 20px
}

.pestSigns{
	grid-column:1/4;
	width:80%;
	margin-left:8%;
	margin-top:70px;
	margin-bottom:80px;
	padding: 15px;
	border-radius: 15px;
	border: 5px solid #5C5E61;
	background-color:#EFF0F1;
	font-size: 20px;
	line-height: 1.3
}

@media screen and (max-width:600px){
	.pestSigns{margin-left:5%;}
	.pestInfo{font-size: 20px}
	.pestName{margin-right: 5%; font-size: 38px}
	.pestLine{width:100%}
}
@media screen and (max-width:900px){
	#pestPic{display:none}
	.pestInfo{width:80%; margin-left:10%; float:none}
}

@media screen and (max-width:1100px){
	.pestInfo{margin-top: 20px; font-size: 20px}
}

/*----------------------------Location pages ------------------*/

.locationInfo{
	grid-column: 1/4;
	width: 100%;
}

.locationInfo{
	font-size: 22px;
	color: #1873aa;
	width: 70%;
	margin-top: 30px;
	margin-bottom: 20px;

}

@media screen and (max-width:650px){
	.locationInfo{width:90%}
}