.menu
		{width: 100%;
		margin-top: 32px;
		padding-right: 15px;}

.menu ul
		{margin: 0;
		padding: 0;
		list-style-type: none;}

.menu ul
		{width: 100%;
		max-width: 100%;
		margin: 0 auto;
		padding: 0;}

.menu ul li
		{display: inline-block;}

.menu ul li
		{font: 90% "Lato", sans-serif;
		letter-spacing: 1px;
		text-transform: uppercase;
		color: #a3a3a3;}

.menu ul li a
		{text-decoration: none;	
		color: #333;
		display: inline-block;
		border: 1px solid transparent;}

.menu ul li a:hover
		{color: #a3a3a3;
		border: 1px solid #bcbcbc;}

.menu ul li.live
		{color: #a3a3a3;
		border: 1px solid #bcbcbc;}



.sub-nav
		{width: 100%;
		color: #333;}

.sub-nav ul
		{margin: 0;
		padding: 0;
		list-style-type: none;}

.sub-nav ul
		{text-align: center;}

.sub-nav ul li
		{font: 90% "Lato", sans-serif;
		letter-spacing: 1px;
		text-align: center;
		text-transform: uppercase;
		color: #a3a3a3;
		list-style: none;
		display: inline-block;}

.sub-nav ul li a
		{text-decoration: none;	
		color: #333;	
		display: inline-block;
		border: 1px solid transparent;}

.sub-nav ul li a:hover
		{color: #a3a3a3;
		border: 1px solid #bcbcbc;}

.sub-nav ul li.live
		{border: 1px solid #bcbcbc;}




@media screen and ( min-width: 768px ) { 

.menu, .sub-nav
		{text-align: right;}

.menu ul li a
		{padding: 7px 25px;}

.menu ul li.live
		{padding: 7px 25px;}

.sub-nav
		{margin: 0 0 20px;}

.sub-nav ul li
		{margin: 7px 7px;}

.sub-nav ul li a
		{padding: 7px 30px;}

.sub-nav ul li.live
		{padding: 7px 30px;}

}


@media screen and ( max-width: 767px ) { 

.menu
		{margin-top: 0;}

.menu ul li
		{width: 90%;
		text-align: center;
		margin: 0 auto;
		display: block;}

.menu ul li a, .menu ul li.live
		{margin: 5px auto;
		padding: 7px 34px;
		display: block;}

.sub-nav
		{margin-top: 15px;}

.sub-nav ul li
		{width: 90%;
		margin: 0 auto;
		display: block;}

.sub-nav ul li a, .sub-nav ul li.live
		{margin: 5px auto;
		padding: 7px 30px;
		display: block;}

}