#menu .nav{display: block;}    
#menu b{display: none; cursor: pointer; background: transparent url('../../img/menu.png') center right no-repeat; font-family: "Open Sans",sans-serif;font-size: 15px; color:#797979;font-weight: 900; padding: 8px 30px 8px 0px;}
#menu li{}

#menu li a{display: block; color: #fff; font-size: 14px; text-decoration: none;}
				
/* first level */
#menu ul{list-style:none;}				
#menu ul li{float: left;margin-left: 10px;}
#menu ul li a{color: #797979;text-transform: uppercase; font-family: "Open Sans",sans-serif; font-size: 14px; font-weight: 900; text-align: center;padding: 10px 10px 10px 10px;text-shadow: 0.5px 0.5px 5px rgba(0, 0, 0, 0.4);}
#menu ul li p{color: #797979;text-transform: uppercase; font-family: "Open Sans",sans-serif; font-size: 14px; font-weight: 900; text-align: center;padding: 10px 10px 10px 10px;text-shadow: 0.5px 0.5px 5px rgba(0, 0, 0, 0.4);}
#menu ul li p span{font-size: 10px;}
#menu ul li.mark a:hover{color:white;}
#menu ul li.unmark a:hover{color: white;}
#menu ul li.mark a{color: white;}
#menu ul li.unmark a{color: #797979;}					

/* second level */
#menu li ul{list-style:none; position: absolute;background-color: rgba(0, 0, 0, 0.5);display:none; top:35px;}
#menu li ul li{float: none; margin: 0;}		
#menu li:hover ul{display: block;}							
#menu li ul li a{font-family: "Open Sans",sans-serif; font-size: 14px; font-weight: 900; text-align: center;padding: 10px 10px 10px 10px;transition: all 0.4s ease 0s;}
#menu li ul li.mark a{color: #FFD700;}
#menu li ul li.unmark a{color: white;}
#menu li ul li.mark a:hover{color: #ff6600;}
#menu li ul li.unmark a:hover{color: #ff6600;}

@media only screen and ( max-width: 970px ){
    
    #menu{position: relative; float: right;}

    #menu:not(:target) b:first-of-type,#menu:target b:last-of-type{display: block;}


    /* first level */
    
    #menu .nav{display: none;}       
    #menu ul{position: absolute;right: 0;width: 250px;border: none; background-color: rgba(0, 0, 0, 0.8); z-index: 99;}       				
    #menu:target ul{display: block;}				
    #menu ul li{margin: 0;float: none; padding: 0;}
    #menu ul li a{color:white;padding: 14px;}
    #menu ul li p{color:white;padding: 14px;}
    #menu ul li a:hover, a.active {color: #b1c900; border: none;}
    #menu ul li.mark a{color:white;border: none;}
    #menu ul li.mark p{color:white;border: none;}
    #menu ul li.unmark a{color: white;}
    #menu ul li.unmark p{color: white;}
    
    #menu ul li.mark a:hover{color:#ff6600;}
    #menu ul li.unmark a:hover{color: #ff6600;}
    
    /* second level */
    #menu ul li ul{background: none;}
    #menu ul li ul{display: none; position: relative; top: 0; left: 0;width: 100%; box-sizing: border-box; border: none;}

}