.clear {
clear:both;
}

* {
margin:0;
padding:0;
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

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;
								transition: color 0.2s linear;
	 			-o-transition: color 0.2s linear;
text-decoration:none;
}

body, html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: none;
-webkit-font-smoothing: antialiased !important;
font-family:'crimson text', Arial;
text-align:center;
color:#000;
background-color:#291b14;
}

#main {
background: url("images/bg.jpg") no-repeat;
background-size: cover;
background-position: center left;
background-attachment: fixed;
height:100vh;
}

#main #container {
float:right;
margin-right:8%;
width:40%;
padding:20px 0 40px 0;
}

header {
padding:20px 6% 0 6%;
}

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

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

#cover {
margin:0 auto 10px auto;
}

#cover img {
display:block;
width:80%;
margin:0 auto;
}

nav {
float:left;
font-size:18px;
}

nav a {
color:#FFF;
}

nav a:hover {
color:rgb(255,255,255,.8);
}

nav li {
display:inline;
margin:0 20px 0 0;
font-size:22px;
line-height:100%;
font-weight:bold;
text-transform:uppercase;
text-shadow:6px 6px 10px #000;
letter-spacing:0.5px;
}

#socials {
margin:0 0 40px 0;
float:right;
}

#socials li {
display:inline-block;
margin:0 8px;
font-size:20px;
line-height:100%;
}

#socials li a {
color:#FFF;
}

#socials li a:hover {
color: rgb(240,227,216,1);
}

#links {
margin:10px auto 0 auto;
padding:0 15%;
}

#links li {
display:grid;
grid-template-columns: 1fr;
grid-gap:20px;
}

#links li a {
background-color: rgb(166,56,13,1);
color:#FFF;
text-align:center;
display:block;
width:100%;
padding:10px 0;
font-size:26px;
font-weight:700;
line-height:100%;
-webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
	 			-o-transition: all 0.3s ease;
								transition: all 0.3s ease;
}

#links li a:hover {
background-color: rgb(166,56,13,.8);
}

/** Music **/
#music {
margin:80px 0;
}

#music ul {
display:grid;
grid-template-columns:1fr 1fr 1fr;
grid-gap:30px;
}

#music .cover {
margin:0 0 4px 0;
}

#music .cover img {
display:block;
}

#music .btn a {
background-color: rgb(166,56,13,1);
color:#FFF;
text-align:center;
display:block;
width:100%;
padding:12px 0;
font-size:20px;
font-weight:700;
line-height:100%;
-webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
	 			-o-transition: all 0.3s ease;
								transition: all 0.3s ease;
}

#music .btn a:hover {
background-color: rgb(166,56,13,.8);
}

@media all and (max-width:1000px) {
#music ul {
grid-template-columns:1fr 1fr;
grid-gap:15px;
}

#music .cover {
margin:0;
}
}

@media all and (max-width:800px) {
#music ul {
grid-template-columns:1fr;
grid-gap:20px;
}
}


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

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

.bit-widget .bit-no-dates-container {
border-top:0 !important;
}

a.bit-button {
background-color: rgb(166,56,13,1);
-webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
	 			-o-transition: all 0.3s ease;
								transition: all 0.3s ease;
}

a.bit-button:hover {
background-color: rgb(166,56,13,.8);
}

.bit-widget.bit-layout-desktop .bit-event:hover {
background:none !important;
}

.bit-widget .bit-upcoming-events, bit-past-events{
border-bottom:0 none !important;
}

.bit-widget .bit-event {
border-top:1px solid;
border-color:rgb(255,255,255,.1) !important;
font-family:'crimson text', Arial !important;
font-size:18px !important;
}

.bit-upcoming-events-show-all-button {
font-size:18px !important;
font-family:'crimson text', Arial !important;
}


/** Videos **/
#videos {
margin:0 0 80px 0;
}

#videos ul {
display:grid;
grid-template-columns:1fr 1fr;
grid-gap:30px;
}

@media all and (max-width:1000px) {
#videos ul {
grid-template-columns:1fr;
grid-gap:20px;
}
}


#about {
margin:50px 0 100px 0;
color:#FFF;
}

#section-head {
text-align:center;
font-size:34px;
font-weight:700;
margin:0 0 20px 0;
text-transform:uppercase;
color:#FFF;
}

#about p {
margin:0 0 15px 0;
line-height:160%;
font-size:19px;
text-align:left;
}

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



@media all and (max-width:1200px) {
#main #container {
float:none;
margin-right:0;
width:86%;
margin:0 7%;
padding:30px 0 80px 0;
}

}

@media all and (max-width:1000px) {
#main {
background: url("images/bg-mobile.jpg") no-repeat #c09e7b;
background-size: contain;
background-position: top center;
background-attachment: fixed;
height:auto;
}


#socials {
float:none;
margin:0 0 28px 0;
}

#socials li {
display:inline-block;
margin:0 8px;
font-size:22px;
line-height:100%;
}

nav {
float:none;
margin:0 0 0 0;
}

nav li {
text-shadow:0 0 0 !important;
margin:0 8px;
font-size:20px;
}

#cover img {
width:100%;
}

#links {
padding:0;
}
}

@media all and (max-width:700px) {
#socials li {
display:inline-block;
margin:0 7px;
font-size:20px;
}
}