@charset "UTF-8";
		body{
			margin: 0;
			padding: 0;
			font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
			background-color: #cccccc;
			color: #222222;
			
			background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
			
			min-height: 1500px;
		}
		
		nav{
			background-color: #cccccc;
			width: 100%;
		}
		
		nav img{
			width: 150px;
			height: auto;
			margin: 0;
		}
		
		header{
			width: 100%;
		}
		
		header img{
			width: 100%;
			height: auto;
		}
		
		#main{
			width: 100%;
		}
		
		#Event {
			width: 85%;
			margin: 0 auto;
		}
		
		.plyr {
			position: relative;
    		overflow: hidden;
    		padding-top: 56.25%;
		}
		
		.plyrFrame{
			 position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			border: 0;
		}
		
		h1{
			text-transform: uppercase;
			text-align: center;
			font-size: 2em;
			padding: 0;
			margin: 5px;
		}
		
		
		
				
	
@media only screen and (max-width: 800px){

	.plyr {
    		padding-top: 95.25%;
		}
	
}