h1 {
	font-size:			300%;
}

h2 {
	font-size:			200%;
}

h3 {
	font-size:			150%;
}

#headerwrap {
    padding:			130px 5% 1px 5%;
}


#navtrigger {
	position:			absolute;
	top:				125px;
	right:				6%;
	z-index: 			999;

	display:			block;
	width:				40px;
	height:				40px;
	
	font-size:			30px;
	line-height: 		40px;
	text-align: 		center;
	
	color:				var(--mm_white);
	cursor: 			pointer;
}

#navwrap {
	position:			relative;
	
	margin:				40px 0 0 0;
	padding:			0;
	
	width:				100%;
	height:				auto;
	
	z-index: 			999;
}

#navwrap > div {
	display:			none;
}

#navwrap ul,
#navwrap li {
	display:			block;
	
	margin:				0;
	padding:			0;
	
	width: 				auto;	
	height:				auto;	
}

#navwrap ul {
	padding:			10px 0 0 0;
}

#navwrap li {
	border-top:			1px solid var(--mm_tertiary_33);
}

#navwrap a,
#navwrap a:link,
#navwrap a:visited {
	display:			block;

	margin:				0;
	padding:			15px 0;
	
	height:				auto;
	line-height:		120%;
}

#navwrap .menu .sub-menu {
	position: 			relative;
	display:			none;
	
	top:				auto !important;
	left:				auto;
	
	margin:				0 !important;
	padding:			0;
	
	width:				auto;
	
	opacity: 			1;
	
	border-bottom:		none;
}

#navwrap .menu .current-menu-item .sub-menu,
#navwrap .menu .current-menu-ancestor .sub-menu {
	display: 			block;
}

#navwrap .menu .sub-menu li {
	border-left:		none;
	border-right:		none;
}

#contentwrap {
	padding:			10px 5% 0 5%;
}

#primary > article:first-child > header {
	margin:				0 0 10px 0;
}

#primary > article.page.full main,
#primary > article.post.full main,
#primary > article.event.full main,
#primary > article.offer.full main {
	padding:			5%;	
}

.home #promos .promo h3 {
	font-size:			175%;
}
	

.grid .panel {
	flex:				0 0 24%;
	max-width:			24%; /* $#%$ing IE */	
}

#footerwrap .widget {
	flex:				0 0 48%;
	max-width:			48%; /* $#%$ing IE */	
}

#footerwrap .widget:nth-child(2n) {
	display: 			block;
	
	text-align: 		right;
}

@media screen and (max-width: 820px) { /* 820 allows for iPhone x landscape */
	
	.grid .panel,
	#footerwrap .widget  {
		max-width:			none !important;
	}

	.home #promos .promo h3 {
		flex:				0 1 100%;
	}
	
	.home #promos .promo h3:after {
		display:			none;
	}
	
	.home #newsflash .post {
		flex:				0 0 33%;
		max-width:			33% !important; /* $#%$ing IE */
	}
	
	.home #newsflash .post:nth-child(n + 4)  {
		display:			none;
	}
	
	#subscription input {
		width:				25%;
	}
	
	.store.panel header h3 {
		overflow: 			hidden;
		
		font-size:			80%;
	}

	.store.full .summary {
		margin:				0 0 5% 0;
	}
	
	.grid .panel,
	.grid .post.panel,
	.grid .event.panel {
		flex:				0 0 31%;
		max-width:			31%; /* $#%$ing IE */		
		
		margin:				1%
	}
	
	.grid .post.panel h2,
	.grid .event.panel h2 {
		font-size:			120%;
	}
	
	.home #events .events .event:nth-child(n + 4) {
		display:				none;
	}

	
	.columns {
		display:			block;
	}

	.columns .column {
		margin:				0 0 5% 0;	
		
		max-width: 			none;
	}

	.columns .columns {
		display: 			flex;
	}
	
}