nav {
  margin-left: -2.5em;
}

/*
  Todd Motto Labs
	URL: www.toddmotto.com
*/

/*------------------------------------*\
    Responsive Navigation
\*------------------------------------*/
nav a, nav a:hover {
	text-decoration: none;
}
nav ul, nav ol {
	list-style: none;
}

/* Navigation styling */
.nav {
	position: relative;
	display: inline-block;
	font-size: 1em;
	font-weight: 900;
}
.nav-list {
	
}
.nav-item {
	float: left;
	*display: inline;
	zoom: 1;
}
.nav-item a {
	display: block;
  padding: 1em 1.25em;
	color: #FFFFFF;
	background: #34495E;
}
.nav-item:first-child a {
	border-radius: 0.3125em 0 0 0.3125em;
}
.nav-item:last-child a {
	border-radius: 0 0.3125em 0.3125em 0;
}
.nav-item a:hover {
	background: #1D1D1D;
}
/* Mobile Navigation */
.nav-mobile {
	display: none; /* Hide from browsers that don't support media queries */
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	background: #34495E url(../imgs/nav.png) no-repeat center center;
	height: 2.5em;
	width: 2.5em;
	border-radius: 0.3125em;
	-webkit-border-radius: 0.3125em;
	-moz-border-radius: 0.3125em;
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media only screen and (min-width: 320px) and (max-width: 959px) {
  nav {
    margin-top: 0.5em;
  }
	.nav-mobile {
		display: block;
	}
	.nav {
		width: 100%;
		padding: 2.5em 0 0;
	}
	.nav-list {
		display: none;
	}
	.nav-item {
		width: 100%;
		float: none;
	}
	.nav-item a {
		background: #34495E;
		padding: 0.625em;
	}
	.nav-item:first-child a {
		border-radius: 0.3125em 0.3125em 0 0;
	}
	.nav-item:last-child a {
		border-radius: 0 0 0.3125em 0.3125em;
	}
	.nav-active {
		display: block;
	}
	.nav-mobile-open {
		border-radius: 0.3125em 0.3125em 0 0;
		-webkit-border-radius: 0.3125em 0.3125em 0 0;
		-moz-border-radius: 0.3125em 0.3125em 0 0;
	}
}