/***************/
/* NAV */
/***************/
/***************/
/* MEDIA QUEIRIES */
/*
@media (max-width: 767px) { }
@media (min-width: 768px) { }
@media (min-width: 992px) { }
@media (min-width: 1200px) { }
*/
/**/
/***************/

.mainlogo{
	max-width: 252px;
	width: 100%;
}

#purpleNav{
	background-color: #4a0d66;
	height: 52px;
	z-index: 999;
}
#purpleNav.navbar-default{
	border: unset;
	margin-bottom: 0px;
}
#purpleNav .container{
	background-color: #4a0d66; 
}
#purpleNav .navbar-brand{
	width: 282px;
	height: auto; 
	margin-top: 0;
	padding: 16px 15px 0px 15px; 
}
#purpleNav .navbar-brand #layer1{
	width: 252px;
	height: auto; 
}
.navbar-toggle {
	margin-right: 5px; 
}



/**/

@media (max-width: 349px) { 
	#purpleNav .navbar-brand{
		width: 230px;
	}
	#purpleNav .navbar-brand #layer1{
		width: 200px;
	}
	#purpleNav .nav.navbar-nav{
		margin-top: 0px;
		border-color: transparent;
	}
	#purpleNav .nav.navbar-nav .navPipe{
		display: none!important;
	}
	.navbar-default .navbar-nav > li > a{
		color: #fff;
		text-align: center;
		font-family: 'medium-houschka';
		font-size: 18px;
		padding: 20px 10px;
	}
	.navbar-default .navbar-nav > li {
		border-bottom: 1px solid #fff;
	}
	.navbar-default .navbar-nav > li:last-child {
		border-bottom: 0px;
	}	
	.navbar-default .navbar-nav > li > a:hover{
		color: #ccc;
	}
}
@media (min-width: 350px) { 
	#purpleNav .navbar-brand{
		width: 282px;
	}
	#purpleNav .navbar-brand #layer1{
		width: 252px;
	}
	#purpleNav .nav.navbar-nav{
		margin-top: 0px;
		border-color: transparent;
	}
	#purpleNav .nav.navbar-nav .navPipe{
		display: none!important;
	}
	.navbar-default .navbar-nav > li > a{
		color: #fff;
		text-align: center;
		font-family: 'medium-houschka';
		font-size: 18px;
		padding: 20px 10px;
	}
	.navbar-default .navbar-nav > li {
		border-bottom: 1px solid #fff;
	}
	.navbar-default .navbar-nav > li:last-child {
		border-bottom: 0px;
	}
	
	.navbar-default .navbar-nav > li > a:hover{
		color: #ccc;
	}
}
@media (min-width: 768px) { 
	#purpleNav .navbar-brand{
		width: 230px;
	}
	#purpleNav .navbar-brand #layer1{
		width: 200px;
	}
	.navbar-default .navbar-nav > li {
		border-bottom: 0px;
	}

	.navbar-collapse{
		overflow: hidden;
	}
}
@media (min-width: 992px) { 
	#purpleNav .nav.navbar-nav .navPipe{
		display: block!important;
	}
	#purpleNav .navbar-brand{
		width: 282px;
	}
	#purpleNav .navbar-brand #layer1{
		width: 252px;
	}
}
	
/**/
	
#purpleNav .nav.navbar-nav{
	margin-top: 4px; 
	background-color: #4a0d66;
}
#purpleNav .nav.navbar-nav .navPipe{
	color: #fff; 
	padding: 14px 1px 0px; 
	font-family: 'medium-houschka';
}

#purpleNav .nav.navbar-nav a{
	color: #fff; 
	font-family: 'medium-houschka';
}
#purpleNav .nav.navbar-nav a:hover{
	
}
.nav.navbar-nav > li > a:focus, 
.nav.navbar-nav> li > a:hover{
	color: #fff; 
	background-color: unset; 
	text-decoration: underline; 
}

/*
@media (max-width: 767px) {  
	#purpleNav .nav.navbar-nav{
		margin-top: 0px;
		border-color: transparent;
	}
	#purpleNav .nav.navbar-nav .navPipe{
		display: none!important;
	}
}
*/
@media (min-width: 768px) { 
	#purpleNav .nav.navbar-nav{
		margin-top: 0px;		
	}
	#purpleNav .nav.navbar-nav a{
		font-size: 16px; 
	}
	#purpleNav .nav.navbar-nav .navPipe{
		display: block;
		font-size: 14px;
	}
	#purpleNav .nav.navbar-nav > li > a{
		padding: 18px 7px 0px;
	}
}
@media (min-width: 992px) { 
	#purpleNav .nav.navbar-nav a{
		font-size: 18px; 
	}
	#purpleNav .nav.navbar-nav > li > a{
		padding: 17px 15px 13px;
	}
}
/*******/

/***************/
/***************/
/***************/
/***************/
/***************/