/* MENU STYLES */
@media screen and (min-width:1100px){

	.nav-wrap-mobile{
		display:none;
	}
	
	.nav-wrap-desktop{
		background: #0e2537;
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		display: block;
		color: #fff;
	}
	
	.primary-menu{
		width: 100%;
		height: 3.5em;
		position: relative;
		top: 0;
		left: 0;
		display: block;
	}
	.pmenu-container{
		width: 100%;
		height: 100%;
		text-align: center;
	}
	.pmenu-sections{
		margin: 0.25em 0.25em 0 0.25em ;
		font-size: 2em;
	}

	#web-title{
		width: 30%;
		text-align: center;
		display:inline-block;
		margin-top: 0.25em;
	}
	#web-title a{
		text-decoration: none;
		color: #fff;
	}
	#web-title a:hover{
		color: #ffff00;
	}

	#login-pmenu{
		width: 30%;
		text-align: right;
		float: right;
		margin-top: 0.25em;
	}
	#login-pmenu a{
		text-decoration: none;
		color: #fff;
	}
	#login-pmenu a:hover{
		color: #ffff00;
	}
	#menu-logos{
		width: 30%;
		text-align: left;
		float: left;
	}

	#menu-logos img{
		display: inline-block;
		margin-left: 1em;
	}

	.second-menu{
		width: 100%;
		height: 3em;
		position: relative;
		top: 0;
		left: 0;
		display: block;
		text-align: center;
	}

	.second-menu-links{
		font-size: 1.5em;
		text-align:center;
		display: inline-block;
		padding: .35em 0.5em;
	}
	.second-menu-links a{
		color: #fff;
		text-decoration: none;
	}
	.second-menu-links a:hover{
		color: #ffff00;
	}
	.large-image{
		position: absolute;
		top: .5em;
		left: .5em;
		height: 5.5em;
		width: 5.5em;
		background-image: url('../lib/img/spaceforcelogo-small.png');
		background-size: cover;
	}
}
@media screen and (max-width:1100px){
	/* Menu Switch */
	.nav-wrap-mobile{
		background: #0e2537;
		width: 100%;
		height: 3.5em;
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		z-index:99;
	}
	.mobile-menu,.nav-wrap-desktop,#mmenu-logged-in,#mmenu-logged-out{
		display:none;
	}
	.nav{
		text-align:right;
	}
	/* Menu Formatting */
	#collapse{
		display:none;
	}
	#expand{
		display:none;
	}
	.open{
		cursor:pointer;
		height:4em;
		width:4em;
		display:block;
		position:absolute;
		top:0;
		left:0;
	}
	.top{
		height:.3em;
		background:#fff;
		position:absolute;
		top:1em;
		left:1em;
		right:1em;
	}
	.middle{		
		height:.3em;
		background:#fff;
		position:absolute;
		top:1.75em;
		left:1em;
		right:1em;
	}
	.bottom{		
		height:.3em;
		background:#fff;
		position:absolute;
		top:2.5em;
		left:1em;
		right:1em;
	}
	.mobile-title{
		text-align:center;
		margin: 0 10% 0 10%;
		top:0;
		right:0;
		position: absolute;
		z-index: 103;
		height: 3.5em;
		width: 80%;
	}
	.mobile-title p{
		color: #fff;
		font-size: 2em;
		margin-top: .3em;
	}
	.close{
		cursor:pointer;
		text-align:left;
		padding-right:10px;
		line-height:100%;
		width:100%;
		font-size:4em;
		display:none;
		height:1em;
		border-bottom:1px solid #fff;
		background:#0e2537;
		color:#fff;
		z-index:101;
	}
	/* Visibility Cues */
	#expand:checked + nav .open{
		display:none;
	}
	#expand:checked + nav .close{
		display:block;
	}
	#expand:checked + nav .mobile-menu{
		display:block;
	}
	/* Mobile Formatting */
	.mobile-menu, .mobile-menu ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	.mobile-menu{
		background:#0e2537;
		float:left;
		position:relative;
		width:80%;
		color:#fff;
	}
	.mobile-menu > li{
		float:none;
		text-align:left;
	}

	.mobile-menu li a {
		display:block;
		text-decoration:none;
	}

	.mobile-menu > li > a{
		color:#fff;
		display:block;
		font-size:1.5em;
		padding:0.5em;
	}
	.mobile-menu li:hover > a, .mobile-menu > a:hover{
		background:#4784ff;
	}
}