/*------------------------------------*\
    Responsive Navigation
\*------------------------------------*/
.nav {
	position:relative;
	display:inline-block;
	float:right;
}
.nav-list {
}
.nav-item {
	float:left;
 *display:inline;
	zoom:1;
}
.nav-item a {
	display:block;
	padding:15px 20px;
	color:#FFF;
}
.nav-item:first-child a {
	border-radius:0;
}
.nav-item:last-child a {
	border-radius:0;
}
.nav-item a:hover {
	background:#2C3E50;
}
/* Mobile Navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:-19px;
	right:0;
	background:#544a7d url(../images/nav.svg) no-repeat center center;
	height:40px;
	width:40px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}


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

@media only screen and (min-width: 320px) and (max-width: 768px) {
 .nav ul li {
 float: left;
 width: 100%;
}
 .nav ul li a {
 color: #fff;
 float: left;
 font-size: 14px;
 padding: 10px 5%;
 text-decoration: none;
 width: 90%;
}
 .nav-mobile {
 display:block;
}
 .nav {
 width:100%;
 padding:10px 0 20px 0;
}
 .nav-list {
 display:none;
}
 .nav-item {
 width:100%;
 float:none;
}
 .nav-item a {
 background:#1c1c1c;
 padding:10px;
}
 .nav-item:first-child a {
 border-radius:5px 0 0;
}
 .nav-item:last-child a {
 border-radius:0 0 5px 5px;
}
 .nav-active {
 display:block;
}
 .nav-mobile-open {
 border-radius:5px 5px 0 0;
 -webkit-border-radius:5px 5px 0 0;
 -moz-border-radius:5px 5px 0 0;
}
}