#nav{z-index:999;}
#nav > a{display:none;}
/*#nav li{position:relative;}*/
#nav li a{color:#fff;display:block;}
#nav li a:active{color:#000000;}
#nav span:after{width:0;height:0;border:0.313em solid transparent;border-bottom:none;border-top-color:#ffffff;content:'';vertical-align:middle;display:inline-block;position:relative;right:-0.313em;}
#nav > ul{}
#nav > ul > li{list-style-type:none;float:left;}
/*#nav > ul > li > a{font-size:0.8em;line-height:50px;text-align:center;text-decoration:none;}*/
#nav > ul > li:not(:last-child) > a{}
/*#nav > ul > li:hover > a, #nav > ul:not(:hover) > li.active > a{color:#000000;}*/
#nav li ul{display:none;/*position:absolute;*/}
#nav li ul li{text-align:left;}
#nav li:hover ul{display:block;left:0;right:0;list-style-type:none;}
#nav li:not(:first-child):hover ul{left:-1px;}
#nav li ul li a:hover, #nav li ul:not(:hover) li.active a{color:#000000;}

@media only screen and (max-width:960px){#nav{position:relative;top:auto;left:auto;}
#nav > a{width:2.5em;height:2.5em;text-align:left;text-indent:-9999px;background-color:#e9f3f0;position:relative;}
#nav > a:before, #nav > a:after{position:absolute;border:2px solid #0c4182;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;position:absolute;left:0;right:0;background:#2e3e59;color:#0c4182;}
#nav:target > ul{display:block;}
#nav > ul > li{width:95%;float:none;border-bottom:1px solid #e4e4e4;line-height:2em;}
#nav > ul > li > a{height:auto;text-align:left;padding:0 0.833em;font-size:0.8em;}
#nav > ul > li:not(:last-child) > a{border-right:none;}
#nav li ul{position:static;padding:1.25em;padding-top:0;font-size:1.2em;}
}