@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');
        
@media all and (min-width: 1151px) {
	body    {
		color: #000000;
	        font-family: 'Montserrat', sans-serif;
	        background-image: url('/images/design/ep_naturalwhite.jpg');
		background-color: #EEEEEE;
		text-align: center;
		overflow: hidden;
	}
	
	#navtable	{
		margin: 0em auto;
	}
	
	.items	{
		border-spacing: 2em;
	}
	
	.items td	{
		background-color: #FFFFFF;
		vertical-align: top;
		margin: 1em;
		padding: 25px;
		width: 300px;
		height: 500px;
		min-height: 500px;
		text-align: center;
		overflow: hidden;
	}
	
	.items .learnmore	{
		height: inherit;
		background-color: transparent;
		position: relative;
		top: -50px;
		z-index: 100;
	}

	.mb_items	{
		display: none;
	}
	
	.happening_title	{
		color: #B5BF46;
		font-weight: 600;
		white-space: nowrap;
		font-size: 150%;
		margin: 0.5em 0em 0.3em 0em;
	}
	
	.happening_title a	{
		color: #B5BF46;
		text-decoration: none;
	}
	
	.happeningdesc {
		font-weight: 300;
		font-size: 90%;
		text-align: center;
		line-height: 1.3em;
	}
	
	.navbullets	{
		text-align: center;
		font-size: 300%;
		margin: 0;
	}
	
	.navbullets a	{
		color: #BBBBBB;
		text-decoration: none;
	}
	
	.navbullets .current 	{
		color: #FFFFFF;
		text-decoration: none;
	}
	
	.navarrow	{
		vertical-align: middle;
	}

	.mb_navbullets {
		display: none;
	}

	.mb_navarrow {
		display: none;
	}
	
	.morebutton     a {
	        padding: 1em 2em !important;
	        text-align: center;
	        border-radius: 0.1em;
	        background-color: #B5BF46;
	        text-transform: uppercase;
	        color: #FFFFFF !important;
	        text-decoration: none;
		position: relative;
		top: -7px;
		z-index: 20;
	}
	
	.morebutton a:hover {
	        background-color: #9B3356;
	}
}

@media all and (max-width: 1150px) {
	body    {
		color: #000000;
	        font-family: 'Montserrat', sans-serif;
	        background-image: url('/images/design/ep_naturalwhite.jpg');
		background-color: #EEEEEE;
		text-align: center;
		overflow: hidden;
		width: 100vw;
		margin: 0em;
	}
	
	#navtable	{
		margin: 0em auto;
	}
	
	.items	{
		display: none;
	}
	
	.mb_items	{
		border-spacing: 0em;
	}
	
	.mb_items td	{
		background-color: #FFFFFF;
		vertical-align: top;
		margin: 1em;
		padding: 25px;
		width: 80vw;
		max-width: 300px;
		height: 500px;
		min-height: 500px;
		text-align: center;
		overflow: hidden;
	}
	
	.mb_items .learnmore	{
		height: inherit;
		background-color: transparent;
		position: relative;
		top: -50px;
		z-index: 100;
	}
	
	.happening_title	{
		color: #B5BF46;
		font-weight: 600;
		white-space: nowrap;
		font-size: 150%;
		margin: 0.5em 0em 0.3em 0em;
	}
	
	.happening_title a	{
		color: #B5BF46;
		text-decoration: none;
	}
	
	.happeningdesc {
		font-weight: 300;
		font-size: 90%;
		text-align: center;
		line-height: 1.3em;
	}

	.navbullets	{
		display: none;
	}

	.navarrow	{
		display: none;
	}
	
	.mb_navbullets	{
		text-align: center;
		font-size: 300%;
		margin: 0;
	}
	
	.mb_navbullets a	{
		color: #BBBBBB;
		text-decoration: none;
	}
	
	.mb_navbullets .current 	{
		color: #FFFFFF;
		text-decoration: none;
	}
	
	.mb_navarrow	{
		vertical-align: middle;
	}
	
	.morebutton     a {
	        padding: 1em 2em !important;
	        text-align: center;
	        border-radius: 0.1em;
	        background-color: #B5BF46;
	        text-transform: uppercase;
	        color: #FFFFFF !important;
	        text-decoration: none;
		position: relative;
		top: -7px;
		z-index: 20;
	}
	
	.morebutton a:hover {
	        background-color: #9B3356;
	}
}