html, body						{ margin:0; padding:0; width:100%; height:100%; color:#000; background-color:#222; font-size:13px; font-family:'Helvetica Neue','Helvetica','Arial',sans-serif; }
*, *:before, *:after			{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smooth:never; }
div, header, main, section, article, footer, h1, h2, h3, ul, ol, li, h1 a, li a, img, p, label, form	{ display:block; float:left; margin:0; padding:0; border:none; width:100%; list-style:none; }
a								{ color:blue; text-decoration:none; font-weight:bold; }
a:hover							{ text-decoration:underline; }

.w50							{ width:50%; }
.w33							{ width:33.33333%; }
.w25							{ width:25%; }
.mobile							{ display:none; }
header, h1, h2, #news strong, #lineup li, #tickets b, #history b
{ font-family:'Komu',sans-serif; font-weight:normal; }

/* body							{ padding-right:400px; } */

header							{ background-color:#222; font-family:'Komu',sans-serif; position:relative; top:0; z-index:1; text-align:center; }
header h1						{ width:60px; height:50px; margin:0 10px; overflow:hidden; }
header ul						{ padding:0 10px; text-align:center; }
header li						{ display:inline-block; width:auto; float:none; }
header li a						{ padding:10px 15px; font-size:30px; line-height:30px; color:#fff; font-weight:normal; }
header li a.active, header li a.active:hover	{ color:#888; }
header li a:hover				{ color:#888; text-decoration:none; }
#like							{ width:auto; float:right; height:50px; padding:15px 10px; }

h2								{ font-weight:normal; font-size:30px; }
/* main							{ padding-top:50px; } */

/* #news							{ background-color:#4963A1; }
#fb-root						{ display:none; }
.fb-page						{ position:fixed; top:0; right:0; width:400px; bottom:0; border-left:5px solid #000; overflow-y:scroll; } */

#tickets						{ background-color:#888; color:#fff; text-align:center; }
#tickets ul						{ border-bottom:1px solid #fff; border-color:rgba(255,255,255,0.25); }
#tickets h2						{ color:#fff; }
#tickets li						{ padding:40px 50px 60px 50px; border-left-width:1px; border-left-style:solid; border-color:#fff; border-color:rgba(255,255,255,0.25); }
#tickets li:first-child			{ border:none; }
#tickets li div					{ width:50%; }
#tickets b						{ font-size:100px; }
#tickets a						{ opacity:0.5; }
#buy							{ padding:20px 10px; font-size:15px; }
#buy div						{ padding:20px 10px; }
#buy h2							{ margin-bottom:5px; }

#map *							{ display:auto; float:none; width:auto; }

#history						{ background-color:#eee; padding:40px; }
#history li						{ padding:20px; color:#444; width:20%; }
#history img					{ margin-bottom:20px; }
/*#history img					{ filter:url(filters.svg#grayscale); filter:gray; -webkit-filter:grayscale(1); }*/
#history img:hover				{ filter:none; -webkit-filter: grayscale(0); }
#history b						{ font-size:20px; color:#888; }

#partners						{ background-color:#fafafa; padding:40px; }
#partners li					{ width:20%; }
#partners a						{ padding:20px; opacity:0.8; }
#partners a:hover				{ opacity:1; }

#lineup							{ padding:10px; }
#lineup > div					{ padding:10px; }
#lineup h2, #lineup a			{ font-size:50px; line-height:90%; }
#lineup a.s2					{ font-size:65px; }
#lineup a.s3					{ font-size:80px; }
#lineup a > span				{ display:block; float:left; width:100%; }
#lineup .divider				{ width:100%; }

footer							{ padding-bottom:20px; }
footer img						{ margin-bottom:20px; }
footer div						{ text-align:center; }
footer a						{ font-weight:bold; }
footer a:hover					{ text-decoration:underline; }



@media screen and (max-width:1280px) {
#tickets li						{ border-left-width:0; border-top-width:1px; border-top-style:solid; }
.w33							{ width:50%; margin:0 25%; }
.w25							{ width:50%; }
#partners li					{ width:20%; }
}

@media screen and (max-width:1024px) {
.desktop						{ display:none; }
.mobile							{ display:block; }
.w50							{ width:100%; }
.w33							{ width:100%; margin:0; }
#lineup a, #lineup h2			{ font-size:30px; }
#partners a						{ padding:10px; }
#history li						{ width:50% !important; }
}

@media screen and (max-width:800px) {
body							{ padding:0; }
.fb-page						{ position:static; width:100%; }
.w25							{ width:100%; }
}