@media only screen and (max-width: 991.98px){
	*{}

	body {
	  font-size: 14px;
	}

/*=================================================== GLOBAL ===================================================*/

/*=================================================== HEADER ===================================================*/
	header{
		background-color: #003c17;
	}
	header .mainMenu{
	padding: .5em 0;
	position: relative;
	min-height: 60px;
	}
	header .mainMenu .logo a{
	max-width: 60%;
	}
	header .mainMenu .logo a img{
		min-width: 200px;
	}
	header .mainMenu .hamBurger{
		display: block;
	}
	header .mainMenu .navLinks{
		/* display: none; */
		position: fixed;
		z-index: -9;
		top: 91px;
		width: 100%;
		height: calc(100% - 7.3em);
		left: 0;
		right: 0;
		text-align: center;
		background-color: #002910;
		transform: translateX(100%);
		transition: transform .6s cubic-bezier(0.48, 0.01, 0.06, 1);
		height: 100%;
	}
	.navOpen header .mainMenu .navLinks{
		transform: translateX(0%);
	}
	
	header .mainMenu .navLinks a{
		display: block;
		margin: 0 auto;
		font-size: 2.5em;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}


/*=================================================== HOME ===================================================*/


#events .upcomingEvents .eventsWrapper .eventItem{
	display: block;
}
#events .upcomingEvents .dateBox{
	display: block;
	margin-bottom: 1em;
}
#events .upcomingEvents a{
	/* display: flex; */
	/* align-items: center; */
	/* white-space: normal; */
}
/*=================================================== FOOTER ===================================================*/

	footer .footerTop .logoImg img{
		width: 80%;
	}
}