/*************************/
/* Styling Header */
/*************************/
header{
	
	overflow: hidden;
}

#top-header{
		
	text-align: center;
	height: 60px;
}

/****************/
/* Styling Logo */
/****************/
#logo{
	float: left;
	padding: none;
	margin: none;
	height: 120px;
	width: 15%;
}

/* #logo img{
	width: 60%;
	float: left;
	padding: 10px 0px;
} */

/***************************/
/* Styling Navigation Menu */
/***************************/
#menu{
	float: right;
	width: 85%;
	height: 100%;
	margin: none;
	/* position: fixed; */
}
	
#menu ul{
	text-align: center;
	float: right;
	margin: none;
	background: #225577;
}
	
#menu li{
	display: inline-block;
	padding: none;
	margin: none;
}
	
#menu li a, #menu li span, .lvl{
	display: inline-block;
	padding: 0em 1.5em;
	text-decoration: none;
	font-weight: 600;
	/* text-transform: uppercase; */
	line-height: 60px;
}
	
#menu li a{
		
	color: #ADF;
}
	
#menu li:hover a, #menu li span{
	background: #FFF;
	color: #0074D9;
	border-left: 1px solid #0074D9;
	text-decoration: none;
}

.active {
	background-color: #c3136e;
	/* color: #d8a31a; */
}

@media screen and (max-width: 575px) {
	#menu{
		width: 50%;
	}
	#menu li{
		font-weight: 300;
		padding: 0em;
		white-space: nowrap;
	}
	#menu li a, #menu li span, .lvl{
		padding: 0.5em;
		line-height: 30px;
	}
}