@charset "UTF-8";


#menu {
display:block;
font-size : 0;
font-family: 'Merriweather Sans', sans-serif;

}

#logo img{
	width:80%; 
	
	margin-left:10%;
	margin-right:10%;
	margin-top:20px; 
	margin-bottom:40px;
}

#menu a{
	
}

#menu ul {
list-style-type:none;
position:relative;
 padding: 0; margin: 0;  
    text-align: center;
font-family: 'Merriweather Sans', sans-serif;
top:0;
width:100%;
font-size: 10px;

text-align:center;
text-decoration:none;

}

#menu li {
display: inline-block;  
    list-style: none;  
text-align: center;
overflow: hidden;
text-decoration:none;
margin-left:-15px;
}

@media screen and (max-width: 880px)
{
    #menu li {

margin-left:-50px;
}
}

@media screen and (max-width: 580px)
{
    #menu li {

margin-left:-35px;
margin-right:-35px;
}
}


#menu li a {
color:#CCC;
text-decoration:none;
height:24px;
padding-left:20px;
font-weight:normal;
display:inline-block;  
    margin: 0 30px;  
	text-align: center;
	overflow: hidden;
	
}

#menu li a:hover,.current {
color:#FFF;
text-decoration:none;
}

#menu .current a {
color:#666;
font-weight:700;
}