
#spotlight-menu {
	/*padding: 0px;*/
	/*padding-left: 16px;*/
	margin: auto;
	width: 100%;
	color: #fff;
	width: 100%;
	/*display: table;*/
	display: block;
	clear: both;
	overflow: hidden;
	
}


.spotlight-nav  {
	text-transform: uppercase;
	font-family: "Trade Gothic W02 Cn 18","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
	font-size: 1.8rem;
	float: left;
	/*padding: 5px 2%;*/
	padding: 30px 0;
	margin: 0 14px 0 0;
/*	border-right: 3px solid white;
	border-top: 1px solid white;*/

	background: #9F0014;
	-webkit-transition: background .5s linear;
	-moz-transition: background .5s linear;
	-ms-transition: background .5s linear;
	-o-transition: background .5s linear;
	transition: background .5s linear;
	text-align: center;
	line-height: 2rem;
	width: 32% !important;
	/*padding-bottom: 600em;
    margin-bottom: -600em;*/
	
}

#spotlight-menu .spotlight-nav:last-child{
	/*border-right: none;*/
	/*padding: 5px 5% 5px 5%;*/
	margin: 0;
}


#spotlight-menu div span {
	text-transform: lowercase;
	font-size: 1.3rem;
	padding: 3px 0 0 0 !important;
	line-height: 1rem !important;
	display: block;
}

#spotlight-menu div i {
	padding: 5px;
	display: block;
}



#spotlight-menu div.nav_on, #spotlight-menu div:hover {
	/*background: #9F0014;*/
	background: #76000F;
}

#spotlight-menu div a{
	color: #fff;
	text-decoration: none;
}

.spotlight-spacer{
	height: 10px;
}


@media only screen and (min-width: 1040px) and ( max-width: 1260px){
	#spotlight-menu div{
		display: block !important;
		width: 100% !important;
		padding: 10px 0;
		margin: 5px !important;
	}
}
@media only screen and ( max-width:840px){
	#spotlight-menu div{
		display: block !important;
		width: 100% !important;
		padding: 10px 0;
		margin: 5px !important;
	}
	
	.fa{
		display: none;
	}
	#spotlight-menu div i{
		display: none !important;
		padding: 0;
	}
	
}







