body {
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	color:rgb(128,128,128);
	font-size:1em;
	margin:0;
	padding:0;
	text-align:center;
	text-transform:uppercase;
}
h1{
	display:block;
	margin:7vh auto;
	width:30vw;
	max-width:800px;
	min-width:300px;
	background:url('../images/vid.gif');
	padding:0;
}
h1 img{
	width:100%;
	height:auto;
	display:block;
}
.X {
  width: 100%;
  max-width: 60px;
  margin: 7vh auto 0;
}
#Layer {
  width: 100%;
}
.cls-1 {
  fill:none;
}
.cls-2{
  fill:none;
  stroke: rgb(128,128,128);
  stroke-width:17px;
}
.section{
	margin:0vh auto;
	max-width:1300px;
	padding:20vh 7vw;
}
.one{
	padding:0vh 7vw 7vh;
}
#twickets{
	padding-top:7vh;
}
ul{
	list-style:none;
	margin:0;
	padding:0;
}
li{
	width:26%;
	padding:3.5% 2%;
	display:inline-block;
	vertical-align:top;
}
h3{
	font-weight:normal;
	font-size:1.5em;
}
h2{
	font-weight:normal;
	font-size:2em;
}
h4{
	font-weight:normal;
	font-size:2.25em;
	margin:0;
	padding:0;
	word-wrap: break-word;
}
p{
	padding:0 2%;
}
a{
	text-decoration:none;
	color:rgb(128,128,128);
	opacity:0.6;
}
a:hover{
	opacity:1;
}
.smalltext{
	font-size:0.4em;
}
.midtext{
	font-size:0.9em;
	vertical-align:text-top;
}
#map{
	
}
#map img{
	width:100%;
	max-width:800px;
	height:auto;
}
#intro{
	max-width:1300px;
	margin:7vh auto;
}
#navigation{
	position:fixed;
	top:0;
	left:0;
	width:98%;
	padding:1%;
	background:white;
	z-index:900;
}
#charities p{
	margin-bottom:7vh;
}
.dj{
	margin:0;
}
@media screen and (max-width: 700px) {
	body {
		font-size:0.8em;
	}
	.X {
	  margin: 20vh auto 0;
	}
	li{
		width:44%;
	}
}
@media screen and (max-width: 480px) {
	li{
		width:94%;
	}
}