#mainNav {
	display: flex;
	flex-direction: column;
	font-family: 'Orbitron-Medium', sans-serif;
	line-height: 1.6;
	margin: .5em 0;
	padding: 0;
	border: 1px solid #a2a2a2;
	background-color: #FF8100;
	border-radius: .25em;
}

#mainNav > a {
	display: flex;
	align-items: center;
	color: #34495e;
	text-decoration: none;
	padding: 10px 15px;
	text-transform: uppercase;
	text-align: center;
	color: #34495e;
}

#mainNav > a > img{
	height: 2em;
	width: auto;
}

#mainNav a:hover {
	background-color: #FFAE00;
	color: #718daa;
}




/* ================================= 
  Media Queries
==================================== */




@media (min-width: 640px) {
	#mainNav {
		display: flex;
		flex-direction: row;
		align-items: flex-end;
	}
	#mainNav > a > img{
		display: none;
	}
	#mainNav > a > span{
		display: initial;
	}
}

@media (min-width: 1280px) {
	#mainNav{
		flex-direction: row;
		justify-content: center;
	}
	#mainNav > a > img{
		display: initial;
	}
}