#menu {height:70px;padding-right:18px;border-radius:0px;}
#menu ul, #menu li {margin:0 auto;padding:0;list-style:none}
#menu ul {width:100%;text-align:right;}
#menu li {display:inline-block;position:relative;}
#menu a {display:block;line-height:70px;padding:0 14px;text-decoration:none;color:#FFFFFF;font-size:16px;}
#menu a.dropdown-arrow:after {content:"\25BE";margin-left:5px;}
#menu li a:hover {color:#000000;background:#FF7373;}
#menu input {display:none;margin:0;padding:0;height:70px;width:100%;opacity:0;cursor:pointer}
#menu label {display:none;line-height:70px;text-align:center;position:absolute;right:0;}
#menu label:before {font-size:3em;color:#FFFFFF;content:"\2261";margin-left: 20px;}
#menu ul.sub-menus{height:auto;overflow:hidden;width:170px;background:#444444;position:absolute;z-index:99;display:none;}
#menu ul.sub-menus li {display:block;text-align:left;width:100%;}
#menu ul.sub-menus a {color:#FFFFFF;font-size:16px;}
#menu li:hover ul.sub-menus {display:block}
#menu ul.sub-menus a:hover{background:#BF8F73;color:#000000;}
#logo {padding:5px;}

@media screen and (max-width: 800px){
	#menu {position:relative}
	#menu ul {background:#444444;position:absolute;top:100%;right:96%;z-index:3;height:auto;display:none;text-align:left;}
	#menu ul.sub-menus {width:100%;position:static;}
	#menu ul.sub-menus a {padding-left:30px;}
	#menu li {display:block;float:none;width:auto;}
	#menu input, #menu label {position:absolute;top:0;right:20px;display:block}
	#menu input {z-index:4}
	#menu input:checked + label {color:#FFFFFF}
	#menu input:checked + label:before {content:"\00d7"}
	#menu input:checked ~ ul {display:block}
}