/*------------------------------------------------------------------
nav.css

Description - Basic <nav> horizontal text menu using links

------------------------------------------------------------------*/

a,
.btn-link,
.btn-text {
  color: #f26521;
}
a:hover,
a:focus,
a:active,
a.active {
  color: #d44d0c;
}


nav {
  display: block;
}

nav ul {
	padding-left: 0;
	text-align: right;
}
				
nav li {
	list-style: none;
}
				
nav a {
	font-size:18px;
	border-bottom: 1px solid #ccc;
	display: block;
	padding: .5rem .75rem;
	text-decoration: none;
}
				
nav a:hover, nav a:focus {
	background-color: blue;
	color: white;
	outline: none;
}

nav a:active {
	background-color: darkblue;
}

@media ( min-width: 600px ) {

	nav a {
		border: none;
		display: inline-block;
	}
	
	nav li {
		display: inline-block;
	}

}