/* Clearfix */
.navigationmobile nav:before,
.navigationmobile nav:after {
    content: " ";
    display: table;
}
.navigationmobile nav:after {
    clear: both;
}

/* Basic Styles */
.navigationmobile nav {
	display: none;	
	position: relative;		
	margin: 65px 0 0;
	}
.navigationmobile nav ul.nav {
	display: flex;
	flex-wrap: wrap;
	height: auto;
	padding: 20px 0;
	background: #800408;	
}
.navigationmobile a#pull {
	box-sizing: border-box;
	display: block;
	width: 100%;
	position: relative;
	height: 0;
	overflow: visible;
	z-index: 99;
	text-decoration: none;
}
.navigationmobile a#pull:after {
	content:"";
	background: url('ham1.svg') no-repeat;
	background-position: center;
	background-size: contain;
	background-color: #800408;
	border: #800408 10px solid;
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
	right: 15px;
	top: 0;
}
.navigationmobile nav li {
	display: block;
	list-style: none;
	width: 50%;
	text-align: center;	
	margin-top: 30px;
}
.navigationmobile nav li li {	
	margin-top: 0;
	width: 100%;	
}
.navigationmobile nav li ul {
	padding: 0;
	margin: 0;
	display: block;
}
.navigationmobile nav a {
	display: block;
	text-decoration: none;
	color: #FFF;
	transition: all 0.2s ease;	
}
.navigationmobile nav a:hover, .navigationmobile nav a:active, .navigationmobile nav a:focus, .navigationmobile nav a.nav-selected {
    color: #AB8080;
}
.navigationmobile nav li a {
	padding: 5px 15px;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 120%;
}
.navigationmobile nav li li a {	
	padding: 5px 15px;
	text-transform: uppercase;	
	font-weight: 300;	
	font-size: 105%;	
}

@media (min-width: 920px) {
.navigationmobile nav li {
	width: 33.333%;
}
.navigationmobile nav li li {	
	width: 100%;	
}
}