#nav{position: relative; float: right; z-index:2; top: 20px; right: 0; transition: all ease-out 0.2s; margin:0;}
#nav > a	{display: none;}
#nav li {position: relative;list-style: none;}
#nav li a	{color: #ffffff;display: block;text-decoration: none;}
#nav li a.active { color:#d1d3d4;text-decoration: none; }

/* first level */
#nav > ul {height: 50px;padding: 0;margin: 0;text-align:center;}
#nav > ul > li	{width: auto;height: 100%; display:inline-block;white-space:nowrap;letter-spacing:normal;}
#nav > ul > li > a	{height: 100%;font-size: 16px;line-height: 55px;font-weight:400;color:#3a3a3a;text-align: center;padding: 0 18px 0 18px;}
#nav > ul > li:not( :last-child ) > a {border-right: 0px solid #fff;}
#nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a {color:#003057;text-decoration: none;}						
						
/* second level */
#nav li ul	{background: #808083;	display: none; position: absolute; top: 100%; padding: 0; }
#nav li:hover ul {display: block; left: 0; }
#nav li:not( :first-child ):hover ul{left: -1px;}
#nav li ul a{font-size: 14px; text-align:left;padding: 10px 15px; color: #d1d3d4;}
#nav li ul li a:hover, #nav li ul:not( :hover ) li.active a {color:#fff; text-decoration: none;}
@media only screen and ( max-width: 1020px )
{
	#nav > ul > li > a {padding: 0 10px 0 10px;}
}
		
@media only screen and ( max-width: 930px )
{
	#nav{top: 0;right: 20px;z-index:4;	width: 100%;position: static;margin: 0; top: 0px;}
	#nav > a {width: 60px; height: 60px; text-align: left;position: absolute;right: 0px;	top:0px;}
	#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type{display: block;}

	/* first level */
	#nav > ul {height: auto !important;display: none;position: absolute;	left: 0;right: 0;top: 51px;z-index:2;}
	#nav:target > ul	{display: block;}
	#nav > ul > li	{width: 100%; background: #ffffff;}
	#nav > ul > li > a {height: auto !important;text-align: center;line-height: 45px !important;border-top: 1px solid #bdbdbd;padding: 0 0.85em !important; /* 20 (24) */font-size: 15px !important;}
	#nav > ul > li:not( :last-child ) > a {border-right: none; }

	/* second level */
	#nav li ul	{position: static; padding: 0; /* 20 */ padding-top: 0; width: 100%;}
	#nav li ul li a{font-size: 14px;text-align:center;}

	
}