nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background-color: #868A36;
	z-index: 999;
	font-weight: bold;
}
nav ul li {
  	display: inline-block;
}
nav ul li a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding: 5px;
	text-shadow: 2px 2px 3px #000000;
}
nav ul li a:hover {
	color: #000080;
	text-shadow: 1px 1px 0px #FFFFFF;
	background: linear-gradient(to bottom, #ffffff, #bababa);
	border-radius: 5px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}
nav ul ul {
	position: absolute;
	display: none;
	margin: 0px;
	border-radius: 5px;
}
nav ul ul li {
	display: block;
	text-align: left;
}
nav ul li:hover ul {
  	display: block;
}
nav div {
	background-color: #C6CA77;
	display: none;
}

@media(max-width: 960px) {
nav {
	font-size: 1.4em;
}
nav div {
  display: block;
	text-align: right;
  position: fixed;
  top: 10px;
  right: 10px;
}
 nav ul {
	display: none;
	position: static;
}
nav ul li {
	display: block;
	text-align: left;
	padding-left: 10px;
}
nav ul ul {
	position: static;
	padding-left: 50px;
}
nav img {
	padding: 4px 10px 4px 15px;
}
}