#nav{margin:0;width:100%;font-family:'Open Sans', sans-serif;font-weight:400;list-style:none;float:left;}
#nav > a{margin:0;display:none;}
#nav li{margin:0;position:relative;}
#nav li a{margin:0;color:#fff;display:block;}
#nav li a:active{background-color:#c00 !important;}
#nav span:after{width:0;height:0;border:0.313em solid transparent;border-bottom:none;border-top-color:#efa585;content:'';vertical-align:middle;display:inline-block;position:relative;}
#nav > ul{list-style-type:none;margin:0;text-align:center;}
ul, ol{list-style:none;}
#nav > ul > li{height:100%;float:left;}
#nav > ul > li > a{padding:0.90em 1.4em;font-size:1em;text-align:center;}
#nav > ul > li:not(:last-child) > a{border-right:1px solid #730303;}
#nav > ul > li:hover > a,
#nav > ul:not(:hover) > li.active > a{background-color:#565656;color:#fff;}
#nav li ul{background-color:#cc470d;display:none;position:absolute;top:100%;}
#nav li:hover ul{display:block;left:0;right:0;}
#nav li:not(:first-child):hover ul{left:-1px;}
#nav li ul a{font-size:1.25em;border-top:1px solid #e15a1f;padding:0.75em;}
#nav li ul li a:hover,
#nav li ul:not(:hover) li.active a{background-color:#565656;color:#fff;}
@media only screen and (max-width:62.5em){#nav{width:100%;position:static;margin:0;}
}
@media only screen and (max-width:40em){html{font-size:75%;}
#nav{position:relative;top:auto;left:auto;}
#nav > a{width:3.125em;height:3.125em;text-align:left;text-indent:-9999px;background-color:#e15a1f;position:relative;}
#nav > a:before,
#nav > a:after{position:absolute;border:2px solid #fff;top:35%;left:25%;right:25%;content:'';}
#nav > a:after{top:60%;}
#nav:not(:target) > a:first-of-type,
#nav:target > a:last-of-type{display:block;}
#nav > ul{height:auto;display:none;left:0;right:0;}
#nav:target > ul{display:block;}
#nav > ul > li{width:100%;float:none;}
#nav > ul > li > a{height:auto;text-align:left;padding:0.5em;}
#nav > ul > li:not(:last-child) > a{border-right:none;border-bottom:1px solid #cc470d;}
#nav li ul{position:static;padding:1.25em;padding-top:0;}
}