body {

}

.menu {
	text-align: center;
	a{
		display: block;
		padding: 8px;
		background-color: brown;
	}
	ul {
		  list-style-type: none;
		  margin: 0;
		  padding: 0;
		  overflow: hidden;
		  background-color: #333;
	}
	li {
		display: inline;
		float: left;
		border-right: 1px solid #bbb;
	}
	li a {
 		display: block;
		color: white;
		text-align: center;
		padding: 14px 16px;
 	 	text-decoration: none;
	}

	li a:hover {
		background-color: darkorange;
	}
	li:last-child {
  	border-right: none;

  	.active {
  		background-color: darkred;
  	}
}