body
{
	overflow-x: hidden;
	max-width: 100%;
	width: 100%;
}
#MainWrapper
{
	position: absolute;
	left: 31%;
	overflow: hidden;
	padding: 15px;
	max-width: 700px;
	width: 100%;
	background-color: rgba(46, 37, 29, 0.2);
	border-radius: 11px;
	top: 0;
	margin: 40px auto;
}
#MainWrapper *
{
	font-size: 22px;
}
.MiddleHeading
{
	text-align: center;
}
.CenterAlign *
{
	text-align: center;
}
#EventDetails ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#EventDetails li
{
	font-size: 22px;
}
#EventDetails p
{
	padding: 0;
	margin: 0;
	font-size: 22px
}
.pure-menu-heading
{
	font-size: 18px;
}
.pure-form-aligned .pure-control-group label,
.pure-form-aligned .pure-control-group input
{
	width: 100%;
	text-align: center;
}
.pure-form-aligned .pure-control-group textarea
{
	width: 100%;
}
.pure-control-group
{
	margin-bottom: 1.5em !important;
}
.pure-controls
{
	margin: 0 !important;
}
.pure-button
{
	width: 100% !important;
}
.pure-menu-item
{
	height: auto;
}
.pure-menu-link,
.pure-menu-heading
{
	text-align: center;
}
.CheckboxContainer
{
	margin-bottom: 30px;
	text-align: center;
}
input[type=checkbox],
input[type=radio]
{
	width:	30px !important;
	height:	30px !important;
/*
	border: 3px solid black;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
*/
}
thead *
{
	text-align: center;
}
.pure-table-bordered
{
	width: 100%;
	margin-top: 15px;
	border: 5px solid #cbcbcb;
}
.pure-table-bordered td
{
	width: 25%;
	max-width: 25%;
	min-width: 25%;
}
.pure-table-bordered,
.pure-table-bordered td,
.pure-table-bordered th
{
	border: 5px solid #cbcbcb;
}
.pure-table-bordered td,
.pure-table-bordered th
{
	padding: 5px !important;
}
@media(max-width: 1350px)
{
	#MainWrapper
	{
		left: 24%;
	}
}
@media(max-width: 1100px)
{
	#MainWrapper
	{
		left: 2%;
		max-width: 93%;
	}
	#MainWrapper *
	{
		font-size: 36px;
	}
	.pure-form
	{
		width: 1100px !important;
		max-width: 100% !important;
	}
	.pure-control-group *
	{
		width: 100% !important;
		text-align: center !important;
	}
	input[type=checkbox],
	input[type=radio]
	{
		width:	50px !important;
		height:	50px !important;
/*
		border: 3px solid black;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
*/
	}
	#EventDetails p
	{
		font-size: 50px;
	}
	#EventDetails ul *
	{
		font-size: 40px;
	}
	h3
	{
		font-size: 56px !important;
	}
}
@media(max-width: 800px)
{
	#MainWrapper
	{
		left: 2%;
		max-width: 90%;
	}
	#MainWrapper *
	{
		font-size: 50px;
	}
}
@media(max-width: 500px)
{
	#MainWrapper
	{
		left: 2%;
		max-width: 87%;
	}
	#MainWrapper *
	{
		font-size: 68px;
	}
}