/* CSS Document */

	header {margin:-8px -8px 0px -8px; padding:.7% .7% 1.2% .7%; background:/*linear-gradient(to right, #00DFF5, #B54BFE)*/#000; position:sticky; position:-webkit-sticky; border-bottom:solid 1px #fff; top:0; overflow:hidden; z-index:1;}
form {margin-top:10%;}
		.logo {width:13%; margin-top:17px;}
		nav {margin-top:25px;}
		h1 {line-height:5px; margin-top:7%;}

@media (max-width:1890px) {
	nav {margin-top:20px;}
}
	
@media (max-width:1330px) {
	nav {margin-bottom:20px;}
}

		@media (max-width:505px) {
			h1 {font-size:40px; line-height:50px;}
			h2 {font-size:30px; line-height:45px;}
		}
		
		@media (max-width:909px) {
			header {padding:5%;}
			.logo {width:25%;}
			nav {margin-top:-55px;}
		}
		
		@media (max-width:571px) {
			img.bars {width:30px;}
			nav {margin-top:-45px;}
		}

.top-img {margin-left:-8px; margin-right:-8px; padding:5%; background:linear-gradient(to left,rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../img/top.jpg); background-size:50%; background-size:cover; background-position:center center, center center; background-repeat:no-repeat;}

li a {color:#35A1A1;}

.event {margin-top:2%; margin-bottom:2%; padding-top:2%; padding-bottom:1%; padding-left:2%; background:#e2e2e2; /*border-bottom:solid 1px #E5E5E5; */ border-left:solid 8px #FF0004; overflow:hidden;}
.e-date {width:5%; float:left;}
.e-mon {font-size:25px; font-family:source-sans-pro; color:#4C4C4C; text-transform:uppercase; letter-spacing:2px; line-height:10px;}
.e-day {font-size:44px; font-family:source-sans-pro-bold; color:#4C4C4C; text-transform:uppercase;}
.e-desc {width:90%; float:right; margin-top:-18px;}

@media (max-width: 1000px) {
    .event {padding:15px; background:#e2e2e2;}
}

@media (max-width: 500px) {
	.e-desc {width:75%; line-height:30px; margin-top:-7%;}
}

small {font-family:avenir; color:#474747; margin-top:-12px; line-height:15px;} 
.e-desc p {line-height:20px;}