#input-toggle {
	opacity:0;
	position: absolute;
	top:0;
	left:0;
	
}

.navigation-toggle { 
	display:none; 
	width:44px; 
	height:33px; 
	margin:5px; 
	text-align:center; 
	border-radius:0px; 
	border:0px solid #404040;  
	 

	color:var(--PrimaryFontColor); 
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
	padding-top:10px; 
	position:absolute; 
	 right:6px; 
	cursor:pointer; 
}

.navigation-toggle span { 
	background-color: var(--PrimaryFontColor); 
	border-radius: 1px 1px 1px 1px; 

	display:block; 
	height:1px; 
	width:30px; 
	margin:6px auto; 
}
nav {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.0);
     }

nav ul {
	list-style:none; 
	padding:0; 
	margin:0; 		
	font-size:0;
	display: block;		
}

nav ul li {
	display: inline-block;
	padding-left:20px;
	padding-right:0px;

	text-align: center;
  text-transform: uppercase;

	color:var(--PrimaryFontColor); 
border-left:0px solid #8e8d88;
}	

nav ul li a {
	color:var(--PrimaryFontColor); 
	height: 50px;
	display: block;
	text-decoration: none;

font-family:var(--MenuFontFamily); 
	font-weight: 300;
	font-size: 14px;
	text-align:right;
  text-transform: uppercase;

	line-height: 50px;
	font-weight: normal;
	letter-spacing:1px;	
	-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
	
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Keyword values */
text-rendering: auto;
text-rendering: optimizeSpeed;
text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;

/* Global values */
text-rendering: inherit;
text-rendering: initial;
text-rendering: unset;
}
nav ul li:first-child
{
	border-left:0px solid #94938f;
}

nav ul li a:hover, nav ul li a:active, nav ul li a:focus {
	  color: var(--PrimaryFontColor); 

	
	
	
	
	
}

.activ
{
	 
	  -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
	
   color: var(--PrimaryFontColor); 


	display: block;
	text-decoration: none;

font-family:var(--MenuFontFamily); 
	font-weight: 500;
	font-size: 14px;

		text-align:right;
    text-transform: uppercase;
	font-weight: normal;
	letter-spacing:1px;	
	
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Keyword values */
text-rendering: auto;
text-rendering: optimizeSpeed;
text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;

/* Global values */
text-rendering: inherit;
text-rendering: initial;
text-rendering: unset;
	
	

}
@media screen and (max-width:700px) {
	nav{
max-width: 900px;
	margin-bottom:0px;
	text-align: center;
  text-transform: uppercase;
	min-height: 50px;
font-family:var(--MenuFontFamily); 

	font-size: 14px;

	margin-left: auto;
	margin-right: auto;
	color:var(--PrimaryFontColor); 
  background-color: rgba(0, 0, 0, 0.1);

}


nav ul {
	list-style:none; 
	padding:0; 
	margin:0; 		
	font-size:0;
	display: block;		
}

nav ul li {
	display: inline-block;
	padding-left:10px;
	padding-right:10px;

	max-width:120px;
	
	text-align: center;
  text-transform: uppercase;
	color:var(--PrimaryFontColor); 

}	

nav ul li a {
	color:var(--PrimaryFontColor); 
	height: 50px;
	display: block;
	text-decoration: none;

font-family:var(--MenuFontFamily); 
	font-weight: 500;
	font-size: 14px;
	text-align:center;
  text-transform: uppercase;

	line-height: 50px;
	font-weight: normal;
	letter-spacing:1px;	
	-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
}
nav ul li:first-child
{
	border-left:0px solid #94938f;
}

nav ul li a:hover, nav ul li a:active, nav ul li a:focus {
	  color:var(--PrimaryFontColor); 

}

.activ
{
	 
	  -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
	
   color:var(--PrimaryFontColor); 


	display: block;
	text-decoration: none;

font-family:var(--MenuFontFamily); 
	font-weight: 500;
	font-size: 14px;
  text-transform: uppercase;
		text-align:right;
	font-weight: normal;
	letter-spacing:1px;	
	
	
}
}

@media screen and (max-width:350px) { /* super small phone  */	
	.navigation-toggle {
		display:block;
		
	}
	nav { margin-top: -50px;   background-color: rgba(0, 0, 0, 0.0); }
	
	nav ul {
		text-align: center;
		margin-top:55px;
		overflow: hidden;				
		max-height:0;
		transition:max-height 0.5s ease 0s;
		-webkit-transition:max-height 0.5s ease 0s;
		-moz-transition:max-height 0.5s ease 0s;
	}
	
	nav #input-toggle:checked + ul {
		max-height:500px;
	}
	
	nav ul li {
		border:0;
		width:100%;
		max-width: 100%;
		min-width:0;
		
		text-align: center;

	}
	
	nav ul li a {
		display: block;
		text-align: center;
	}
	.activ
{ text-align: center;
}
}