/**
	|------------------------
	| Nav Bar
	|------------------------
	*/
	.nav-wrapper	{
		/* min-height:44px; */
		display:inherit;
		display: inline-block;
	}

	.navbar {
	position: relative;
	/** width:100%; **/
    display: flex;
    align-items: center;
    z-index: 1;
	}
	
	.primary-nav li ul, .primary-nav li ol {
		margin:0;
	}
	
	.primary-nav ul, .primary-nav ol {
		margin:0;
	}	

	.main-navigation {
		position: relative;
		padding: 0;
		width: 100%;
		z-index: 1;
	}	

	/* The Div that surrounds the Drop Down Menu*/
	.primary-nav	{
		float:left;
		display:inline-block;
	}

	/* Menu Bar List */
	ul.primary-nav {
		padding:0;
		margin: 0 20px 0px 0px;
		list-style: none;
	}
	
	ul.primary-nav li {
		padding: 1px 10px;
		background:transparent;
		position: relative;
		line-height:normal;
		float:left;
	}

	ul.primary-nav a { /* Menu link styling */
		display: block;
		color: #000;
		padding: 16px 0;
		text-decoration: none;	
		border:none;
	}
	
	ul.primary-nav li:hover a  {
		/* Background color for hovered link */
		color: #000; /* Text color of links */
	}
	
	/* Displays Links as Blocks */
		ul.primary-nav ul li a {
		padding:10px;
		margin:0px;
		width:100%; /* Width of the Drop Down Box */
		line-height: 20px;
	}

	/* Styling for all of the Sub Menus  */

	ul.primary-nav ul {
		list-style: none; /* Gets rid of bullets */
		padding:0px;
		width:200px; /* Width of the Drop Down Box */
		position:absolute;  /*States that you are going to define exactly in pixels where the drop down appears */
	}

	ul.primary-nav ul ul { /* Styling for secondary drop downs (Drop Downs of a Drop Down) */
		top:0;
		left:100%;
		padding: 0px 0px;	
	}
	
	ul.primary-nav ul li  {
		background: rgba(0,0,0,.1);
		float:none;
		margin: 0;
		padding:0;		
	}	

	ul.primary-nav li li:hover {
		background: rgba(118, 163, 232, 0.1);	
	}
		
	ul.primary-nav ul li li	{
		background: rgba(0,0,0,.3);
		float:none;	
	}	
	
	ul.primary-nav ul li li a:hover	{
		background: rgba(0,0,0,.4);
		float:none;
	}



	/* Makes drop downs not appear by default unless the mouse hovers */
	ul.primary-nav ul,
	ul.primary-nav li:hover ul ul,
	ul.primary-nav ul li:hover ul ul
	{ 
		display: none; 
	}

	ul.primary-nav li:hover ul,
	ul.primary-nav ul li:hover ul ,
	ul.primary-nav ul li ul li:hover ul
	{ 
	}

	/*ul.primary-nav li * a:hover { /* Styling for every link that is hovered over 
	background: #777;
	color: #FFFFFF;
	text-shadow:1px 1px 0 #000000;
	}*/