.menu-line {
   border-top:white 1px solid;;
    max-width:1200px;
    margin:0px auto;   
    display:block;
}
   

#navigation {
   
    position:relative;
    top:4px;  
    display:block;
	margin:10px 0px 0px 0px;
	
}

#navigation ul, #navigation ul li {
	list-style: none;
	margin: 0;
	padding: 0;        
}

#navigation ul {
	padding: 5px 0 4px;
	text-align: center;
}

#navigation ul li {
	display: inline;
    margin:0px 5px 0px 5px
  
}


            
#navigation ul li a {
    border-top-right-radius:5px;
    border-top-left-radius:5px;
	color: white;
	padding: 7px 15px 7px 15px;
	text-decoration: none;
    border:white 1px solid;
    border-bottom:none;
    display:inline-block;
    	font-size: 16px;;
    margin:0px;  
    line-height:1;      
}

#navigation ul li a:hover {
    background-color:#606060;
    
}

#navigation ul li a.active {
    position:relative;
    top:1px;  
    background-color:#1a1f23; ;  
}


#navigation ul li a span.small-screen {
    display:none;
}



/*\*//*/
#navigation ul li a {
	display: inline-block;
	white-space: nowrap;
	width: 1px;
}

#navigation ul {
	padding-bottom: 0;
	margin-bottom: -1px;
}
/**/

/*\*/
* html #navigation ul li a {
	padding: 0;
}
/**/

@media screen and (max-width: 768px) {

    #navigation {
        margin:0px 0px 0px 00px;
    }
    
    #navigation ul li {
	display: inline;
        margin:0px 2px 0px 2px
    }


    #navigation ul li a {
        font-size:12px;
        padding-left:5px 8px 5px 8px;
        
        border-radius:0px;
        border-top-right-radius:5px;
        border-top-left-radius:5px;
        
    }

    #navigation ul li a span.small-screen {
        display:inline-block;
    }
    #navigation ul li a span.big-screen {
        display:none;
    }   
}