@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');

body	{
        font-family: 'Montserrat', sans-serif;
        background-color: #FFFFFF;
	margin: 0em;
	padding: 0em;
	color: #000000;
}

#mainevent	{
	width: 100%;
	/* background-image: url('/images/design/mainevent/generic.jpg'); */
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center 25%;
}

#mainevent table {
	width: 100%;
	height: 624px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 2em;
}

#mainevent .tdleft {
	width: 41.66%;
	height: 261px;
	color: #FFFFFF;
	vertical-align: top;
	padding-top: 3em;
	text-align: left;
}

#mainevent .tdright {
	width: 41.66%;
	height: 261px;
	color: #FFFFFF;
	vertical-align: top;
	padding-top: 3em;
	text-align: right;
}

#mainevent .arrow {
	width: 8.33%;
	vertical-align: middle;
	text-align: center;
}

#mainevent .metitle {
	width: auto;
}

#mainevent .meline1 {
	font-size: 220%;
	text-transform: uppercase;
	letter-spacing: 2px;
	/* text-shadow: 3px 3px 4px #000000; */
}
	
#mainevent .meline2 {
	font-size: 150%;
	letter-spacing: 2px;
	/* text-shadow: 3px 3px 4px #000000; */
}

.mebutton {
	text-align: left;
	margin-top: 2em;
}

.mebutton a {
        padding: 1em 2em !important;
        text-align: center;
        border-radius: 0.1em;
        background-color: #A5AC43;
        text-transform: uppercase;
        color: #FFFFFF;
        text-decoration: none;
	font-weight: 400;
}

.mebutton a:hover {
        background-color: #B5BF46;
}

.mebuttonright {
	text-align: right;
	margin-top: 2em;
}

.mebuttonright a {
        padding: 1em 2em !important;
        text-align: center;
        border-radius: 0.1em;
        background-color: #A5AC43;
        text-transform: uppercase;
        color: #FFFFFF;
        text-decoration: none;
	font-weight: 400;
}

.mebuttonright a:hover {
        background-color: #B5BF46;
}

.navbullets     {
        text-align: center;
        font-size: 300%;
        margin: 0;
}

.navbullets a   {
        color: #BBBBBB;
	text-shadow: 3px 3px 4px #444444;
        text-decoration: none;
}

.navbullets .current    {
        color: #FFFFFF;
        text-decoration: none;
}

@media all and (min-width: 1151px) {
	#mb_mainevent {
		display: none;
	}

        .arrow_right {
                display: none;
        }

        .arrow_left {
                display: none;
        }

	.mb_metitles {
                display: none;
        }
}

@media all and (max-width: 1150px) {

	#mainevent	{
		display: none;
	}

	#mb_mainevent {
		overflow: hidden;
	}

	#mb_mainevent img {
		width: 100vw;
	}

	#mb_mainevent	{
		width: 100%;
		/* background-image: url('/images/design/mainevent/generic.jpg'); */
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: center top;
	}

	.mb_metitles {
		position: absolute;
		font-weight: 600;
		color: #FFFFFF;
		letter-spacing: 1px;
		line-height: 1.5em;
	}
	
	#mb_mainevent .meline1 {
		font-size: 120%;
		text-transform: uppercase;
		letter-spacing: 2px;
		/* text-shadow: 3px 3px 4px #000000; */
	}
		
	#mb_mainevent .meline2 {
		font-size: 90%;
		letter-spacing: 2px;
		/* text-shadow: 3px 3px 4px #000000; */
	}

	.mb_mebutton {
		width: 100vw;
		position: absolute;
		bottom: 0em;
	        background-color: #A5AC43;
	        text-align: center;
		padding: 0.7em 0em;
	}

	.mb_mebutton a {
		margin: 0em auto;
	        padding: 0.3em 0em !important;
	        border-radius: 0.1em;
	        text-transform: uppercase;
	        background-color: #FFFFFF;
	        color: #000000;
	        text-decoration: none;
		font-weight: 600;
		font-size: 110%;
		display: block;
		width: 50vw;
	}
	
	.mb_mebutton a:hover {
	        background-color: #B5BF46;
	}

	.arrow_left {
		position: absolute;
		top: 6em;
		left: 0.5em;
		width: 8.33%;
		vertical-align: middle;
		text-align: center;
	}

	.arrow_right {
		position: absolute;
		top: 6em;
		right: 0.5em;
		width: 8.33%;
		vertical-align: middle;
		text-align: center;
	}

}