.menu {
	margin:0 auto;
	text-align:right;
	font-family: 'GothamRnd-Bold', sans-serif;
	font-size: 18px;
	position: relative;
	color: #FFFFFF;
}
.menu ul {
	list-style: none;
	padding:0px;
}
.menu li {
	display: inline;
	margin-left: 18px;
	font-family: 'GothamRnd-Bold', sans-serif;
	font-size: 14px;
	text-transform:uppercase;
}
.menu a {
	color: #FFFFFF;
	text-decoration: none;
	-webkit-transition: color 0.3s;
	-o-transition: color 0.3s;
	transition: color 0.3s;
}
.menu li a {
	color: #FFFFFF;
	text-decoration: none;
	-webkit-transition: color 0.3s;
	-o-transition: color 0.3s;
	transition: color 0.3s;
}
.menu li:last-child a {
	border-right: 0;
}
.menu a:hover, menu a:active {
	color: #FFFFFF;
}
.menu a#pull {
	display: none;
}


/*Styles for screen 515px and lower*/
@media only screen and (max-width : 1200px) {
	
	.menu {
		font-size: 14px;
		text-align: center;
		background-color:#f56f00;
		padding:0px;
		margin-bottom:0px;
	}
	
	.menu li {
		display: block;
		margin:0 auto;
		float: none;
		width: 85%;
	}
	.menu li a {
		border-bottom: 0px solid #ababab;
		display: block;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.menu ul {
		display: none;
		height: auto;
	}
	.menu a#pull {
		display: block;
		background-color: #ff8900;
		color:#FFFFFF;
		padding-top:10px;
		width: 100%;
		position: relative;
		text-align:left;
		height:42px;
	}
	.menu a#pull:before {
		content:"Menu";
		width: 30px;
		left: 15px;
		margin-top:0px;
		text-transform:uppercase;
		font-weight: 400;
		display: inline-block;
		position: absolute;
	}
	.menu a#pull:after {
		content:"";
		background: url('../images/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
	}
}