.clear {
clear:both;
}

img,
img a {
border:none;
max-width:100%;
height:auto;
}

ul {
list-style:none;
margin:0;padding:0;
}

a, a:hover {
-webkit-transition: color 0.2s linear;
   -moz-transition: color 0.2s linear;
					-o-transition: color 0.2s linear;
								transition: color 0.2s linear;
text-decoration:none;
}

* {
margin:0;
padding:0;
}

body, html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: none;
-webkit-font-smoothing: antialiased !important;
font-family:'Inter',Arial;
color:#FFF;
background-color:#17170f;
}

#main {
background:url(images/bg.jpg) center center no-repeat;
background-size:cover;
height:90vh;
margin-bottom:50px;
}

#main.page {
height:60vh;
}

header {
position:relative;
line-height:100px;
padding:20px 20px 0 20px;
}

#logo {
float:left;
}

#logo img {
height:100px;
}

nav {
float:right;
font-size:3.2vw;
font-weight:700;
}

nav a {
color:#FFF;
text-transform:uppercase;
}

nav a:hover {
border-bottom:2px dotted #FFF;
}

#container {
width:900px;
margin:0 auto;
}

#about {
padding:0 0 100px 0;
}

#section-head {
font-size:40px;
text-align:center;
margin:0 0 30px 0;
font-weight:700;
text-transform:uppercase;
}

#about p {
margin:0 0 20px 0;
font-size:16px;
line-height:140%;
text-align:center;
}

#about p:last-child {
margin:0;
}

#socials {
margin:40px 0 0 0;
text-align:center;
font-size:20px;
}

#socials li {
display:inline-block;
margin:0 6px;
}

#socials a {
color:rgb(255,255,255,1);
}

#socials a:hover {
color:rgb(255,255,255,.7);
}

#shows {
margin:0 0 80px 0;
}

.bit-widget {
font-family:'Inter',Arial !important;
}

.bit-top-track-button,
.bit-logo-container,
.bit-nav-bar-container {
display:none !important;
}

.bit-widget.bit-layout-ipad .bit-upcoming-events, .bit-widget.bit-layout-ipad .bit-past-events {
margin:0 !important;
}

.bit-widget .bit-event:first-child {
border-top:0 none !important;
}




@media all and (max-width:1100px) {
#container {
width:80%;
margin:0 10%;
}

nav {
font-size:20px;
}
}