body {
}

.slicknav_menu {
	display:none;
}

#menu > ul {width: 960px; margin: 50px auto; padding: 0; list-style: none; display: table;}
  #menu > ul > li {display: table-cell; margin: 0; padding: 0; background: #000; color: #fff; position: relative;}
    #menu ul > li a {color: #fff; text-decoration: none; height: 40px; line-height: 40px; display: block; text-align: center; width: 100%;}
      #menu ul > li a:hover {background: #333333;}
        #menu ul > li ul {display: none; width: 100%; background: #333333; position: absolute; margin: 0; padding: 0; top: 40px; left: 0;}
          #menu ul > li:hover ul {display: block;}

@media screen and (max-width: 500px) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}