nav {
	color:$primary;

	ul {
		display: flex;
		list-style-type: none;
		margin: 0;
		padding: 0;
		border-right: 2px $primary;


	 li {
		flex: 1;
		 border-left: 2px solid $primary;
	
		 
	a {
		display: block;
		padding: 20px 0;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
		text-align: center;
		
		&:hover {
			background: $secondary;
	       }
	    }
	  }
   }
}
/* CSS Document */