#nav {width:100%;text-align:center;padding:0;z-index:99999;}
#nav ul {width:auto;margin:0 auto;padding:0;list-style:none;text-align:right;line-height:40px;}
#nav ul li {margin:0;padding:5px 10px;display:inline-block;}
#nav.fixed {width:100%;background:rgba(255,255,255,1);position:fixed;top:0;left:0;box-shadow:0px 2px 5px 0px rgba(0,0,0,0.1);padding:10px 0;}
#nav.fixed ul {width:auto;margin:0 auto;padding:0;list-style:none;text-align:right;line-height:40px;}
#nav.fixed ul li {color:#212861;}
#nav.fixed ul li:hover {color:#ED1C24;}
nav ul li {margin:0;padding:0;font-weight:700;font-size:14px;font-family:'Roboto', sans-serif;text-decoration:none;color:#212861;text-transform:uppercase;}
nav ul li:hover {color:#ED1C24;}
#responsive-nav {cursor:pointer;color:#fff;font-family:'Roboto', sans-serif;font-weight:700;padding:5px 0;text-transform:uppercase;}
#content {width:980px;margin:0 auto 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #ddd;padding:5px;}
@media screen and (max-width:1160px)
{
	#nav {width:100%;text-align:center;padding:0;z-index:99999;}
	#nav ul {width:auto;margin:0 auto;padding:0;list-style:none;text-align:right;line-height:40px;}
	#nav ul li {margin:0;padding:5px 10px;display:inline-block;}
	#nav.fixed {width:100%;background:rgba(255,255,255,0.8);position:fixed;top:0;left:0;box-shadow:0px 2px 5px 0px rgba(0,0,0,0.1);padding:10px 0;}
	#nav.fixed ul {width:auto;margin:0 auto;padding:0;list-style:none;text-align:right;line-height:40px;}
	#nav.fixed ul li {color:#212861;}
	#nav.fixed ul li:hover {color:#ED1C24;}
	nav ul li {margin:0;padding:0;font-weight:700;font-size:14px;font-family:'Roboto', sans-serif;text-decoration:none;color:#212861;text-transform:uppercase;}
	nav ul li:hover {color:#ED1C24;}
	#responsive-nav {cursor:pointer;color:#fff;font-family:'Roboto', sans-serif;font-weight:700;padding:5px 0;text-transform:uppercase;}
	#content {width:980px;margin:0 auto 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #ddd;padding:5px;}
	/* POTRAIT */
	@media screen and (max-width:820px)
	{
		#nav {width:100%;float:right;text-align:center;padding:0;z-index:99999;}
		#nav ul {width:auto;margin:0 auto;padding:0;list-style:none;text-align:right;line-height:40px;}
		#nav ul li {margin:0;padding:5px 10px;display:inline-block;}
		#nav.fixed {width:100%;background:rgba(255,255,255,0.8);position:fixed;top:0;left:0;box-shadow:0px 2px 5px 0px rgba(0,0,0,0.1);padding:10px 1%;}
		#nav.fixed ul {width:auto;margin:0 auto;padding:0;list-style:none;text-align:right;line-height:40px;}
		#nav.fixed ul li {color:#212861;}
		#nav.fixed ul li:hover {color:#ED1C24;}
		nav ul li {margin:0;padding:0;font-weight:700;font-size:14px;font-family:'Roboto', sans-serif;text-decoration:none;color:#212861;text-transform:uppercase;}
		nav ul li:hover {color:#ED1C24;}
		#responsive-nav {cursor:pointer;color:#fff;font-family:'Roboto', sans-serif;font-weight:700;padding:5px 0;text-transform:uppercase;}
		#content {width:980px;margin:0 auto 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #ddd;padding:5px;}
		/* MOBILE */
		@media screen and (max-width:502px)
		{
			#nav {width:100%;background:none;text-align:left;padding:0;z-index:999;clear:both;}
			#nav ul {list-style:none;padding:0;margin:0 auto;width:100%;text-align:left;}
			#nav ul li {display:inline-block;padding:8px;margin:0 auto;border-bottom:1px solid #eee;}
			#nav.fixed {width:100%;background:rgba(255,255,255,0.8);position:fixed;top:0;left:0;box-shadow:0px 2px 5px 0px rgba(0,0,0,0.1);padding:8px;box-sizing:border-box;}
			#nav.fixed ul {width:auto;margin:0 auto;padding:0;list-style:none;text-align:left;}
			#nav.fixed ul li {color:#212861;}
			#nav.fixed ul li:hover {color:#C00;background:#FFF5F5;}
			nav ul li {margin:0;padding:0;font-weight:700;font-size:14px;font-family:'Roboto', sans-serif;text-decoration:none;color:#212861;text-transform:uppercase;}
			nav ul li:hover {color:#C00;}
			#responsive-nav {cursor:pointer;background:#D30000;color:#fff;font-family:'Roboto', sans-serif;font-weight:bold;padding:5px 8px;text-transform:uppercase;}
			#content {width:100%;margin:0 auto 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #ddd;padding:5px;}
		}
	}
}