nav {
	margin-right: 75px;
}
nav ul {
	list-style-type: none;
	text-align: center;
	font-size: 1.5em;
	margin: 5px; 
	width: 100%;
	font-style: times new roman;
}	

nav li{
		display: inline-block;
		color: white;
		background-color: red;
		border: 2px groove black; 
		width: 200px; 
}

nav a{
		text-decoration: none;
		padding: 40px; 
}
a:link{
		color: black;
}
a:hover {
		text-decoration: none;
		color:gray; 
}
.wrapper{
		display: grid; 
		justify-content: space-evenly;
		grid-template-columns: auto auto auto; 
		grid-gap: 50px ;
		text-align: center;
		
        }
.wrapper > div{
		background:#eee;
		padding:2px;
		}
.wrapper > div:nth-child(odd){
		background:#ddd;
		}
@media only screen and (max-width: 600px) {
  div.wrapper {
    display: none;
  }
}
.Dept_Title{
		border: 5px grooved #ffffff;  
		Text-align: center;
		font-size: 60px;
		font-family: Times New Roman;
		color:red;
		background-color:white;
		text-shadow:3px 0px black;
		}

.Home_Pic{
	border: 2px solid red; 
	background-color: gray; 
	background-repeat: no-repeat; 
	background-size: 100px 100px; 
	width:75%;
	margin-left: 12%;

} 


.Dept_Motto{
	text-align:center;
	font-size: 100;
	color: white;
	background-color: Red;
	font-family: times new roman;
	font-style: italic;
	border: 2px solid black;
	width: 80%;
	margin-left: 10%;
}

.District{
	border: 10px black;
	width: 100px;
	height: 100px;
	
}

.Stations {
	border: 10px black;
	width: 100px;
	height: 100px;
	
}

.Operations{
	border: 10px black;
	width: 100px;
	height: 100px; 
}

.Personnel {
	border: 10px black;
	width: 100px;
	height: 100px; 
}
.Prevention {
	border: 10px black;
	width:	100px;
	height: 100px; 
}
.Education {
	border: 10px black;
	width: 100px;
	height: 100px; 
}

footer{
	background-size: 100%;
	text-align: center; 
	display: block;
	font-size: 12px; 
	clear:left;
	}
blockquote {
	font-size: 30px; 
}