nav {
	&.primary-navigation {
	  margin: 0 auto;
	  display: block;
	
	  padding: 15px 0 0 0;  
	  text-align: center;
	  font-size: 16px;
  
	  ul li {
		list-style: none;
		margin: 0 auto;
		display: inline-block;
		padding: 0 30px;
		position: relative;
		text-decoration: none;
		text-align: center;
	  }
  
	  li a {
		color: black;
	  }
  
	  li a:hover {
		color: #434343;
		text-decoration: none;
	  }
  
	  li:hover {
		cursor: pointer;
	  }
  
	  ul li ul {
		visibility: hidden;
		opacity: 0;
		position: absolute;
  		padding-left: 0;
		left: 0;
		display: none;
		background: white;
	  }
  
	  ul li:hover > ul,
	  ul li ul:hover {
		visibility: visible;
		opacity: 1;
		display: block;
		min-width: 190px;
		text-align: left;
		padding-top: 20px;
		box-shadow: 0px 3px 5px -1px #ccc;
	  }
  
	  ul li ul li {
		clear: both;
		width: 100%;
		text-align: left;
		margin-bottom: 20px;
		border-style: none;
	  }
  
	  ul li ul li a:hover {
		padding-left: 10px;
		border-left: 2px solid #28156E;
		transition: all 0.3s ease;
	  }
	}
  }
  
  a {
  
	  text-decoration: none;
  
	  &:hover {
		  color: #28156E;
	  }
   
  }
  
   ul li ul li a { transition: all 0.5s ease; }