/* General styles for all menus */
.app-nav-menu {
	background: #cd2127;
	position: fixed;
	left: -75%;
	width: 75%;
	max-width: 400px;
	height: 100%;
	top: 0;
	z-index: 1000;	
}

.app-nav-menu ul{
    list-style: none;
    padding-left: 0px;
}

.app-nav-menu h3 {
	color: #afdefa;
	font-size: 1.9em;
	padding: 20px;
	margin: 0;
	font-weight: 300;
	background: #0d77b6;
}

.app-nav-menu a {
	display: block;
	color: #fff;
	font-size: 1.1em;
	font-weight: 300;
	padding: 1em;	
}

/*.app-nav-menu a:hover {
	background: #258ecd;
}

.app-nav-menu a:active {
	background: #afdefa;
	color: #47a3da;
}*/

/* Vertical menu that slides from the left or right */
.app-nav-menu.app-nav-menu-open {
	left: 0px;
}

/* Transitions */

.app-nav-menu {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* Example media queries */

@media screen and (max-height: 26.375em){

	.app-nav-menu {
		font-size: 90%;
		width: 190px;
		left: -190px;
	}

}