/****** Header CSS *********/
header {
	background-color: rgb(255,255,255);
	width: 100%;
	height: 90px;
	top: 0;
	left: 0;
	font-family: MavenProRegular;
}

#header-container{
	width: 90%;
	max-width: 1500px;
	margin: 0 auto;
}

#logo{
	margin: 20px 0px 20px 0px;
	float: left;
	width: 200px;
	height: 55px;
}

#logo img{
	width: 100%;
	height: auto;
}

nav {
	float: right;
    padding: 0px;
    transition: ease in;
    transition-delay: 0.9s;
	opacity: 1;
}

#menu-icon {
	display: hidden;
	width: 35px;
	height: 35px;
    margin: 25px 0px;
	background: url(../img/menu-icon2.png) center;
}

li {
	display: inline-block;
	float: left;
	padding: 0px;
}

ul li a{
	color: rgb(110,110,110);
    padding: 1.9em 0.8em;
    display:inline-block;
    font-size: 1.1em;
	letter-spacing:-1px;
	font-weight: normal;
	text-decoration: none;
	font-family: 'Source Sans Pro';
}

ul li a:hover{
	color: rgb(255,255,255);
	background: rgb(0,121,193);
	-webkit-transition: all 0.5s ease;
 	-moz-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	transition: all 0.5s ease;
	
}