#menu { display:inline-block;  list-style:none; color:#fff; text-transform:uppercase; font-size:16px; font-weight:normal; margin-left:-20px;}

#menu ul { display:inline-block; list-style:none; }
#menu li { display:inline-block; padding-left: 7px; padding-right:8px; border-right:1px #000000 solid;}

#menu li:last-child{border:none;}

#menu a:active {color:#000000; text-decoration:none;}
#menu a:link {color:#000000; text-decoration:none;}
#menu a:visited {color:#000000; text-decoration:none;}
#menu a:hover {color:#cccccc !important; text-decoration:none; }
 
.submenu { display: list-item ;  list-style:none; color:#000000; text-transform:uppercase; font-size:16px; font-weight:normal; margin-left:-40px; margin-right:20px;}

.submenu ul { display: list-item; list-style:none; }
.submenu li { display: list-item; padding-left: 7px; padding-bottom:8px; border-bottom:1px #000000 dotted;}

.submenu a:active {color:#000000; text-decoration:none;}
.submenu a:link {color:#000000; text-decoration:none;}
.submenu a:visited {color:#000000; text-decoration:none;}
.submenu a:hover {color:#cccccc !important; text-decoration:none; }
 
.heading { margin-top: -80px; color: #fff; font-family: 'Cinzel', serif; text-transform:uppercase; font-size:28px;  text-align:right; float:right; }
.heading:hover {color: #ccc !important;}
 
 
.slicknav_menu {
	display:none;
}

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