* {
		margin:0;
		padding:0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	html { 
		font-family: "Circular Std", sans-serif;
		font-size:14px;
		line-height:26px;
		font-weight:400;
		color:white;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
	body {
		background:#000000;
	}
	
	html, body {
		height: 100%;
	}

	ul {
		list-style: none;
	}

	h1 {
		display: none;
	}
	
	h2 {
		font-family: "Circular Std";
		text-transform: uppercase;
		color:white;
		font-size:40px;
		letter-spacing:15px;
		text-align: center;
		display:block;
		z-index: 2;
		position:relative;
		font-weight:normal;
	}

	.margin-standard h2 {
		padding-bottom:65px;
	}

	.margin-large h2 {
		padding-bottom:120px;
	}
	
	p {
		margin-bottom:25px;
	}
	
	p:last-child {
		margin:0;
	}
	
	a {
		color:#feca3d;
		text-decoration:none;
		-o-transition:.4s;
		-ms-transition:.4s;
		-moz-transition:.4s;
		-webkit-transition:.4s;
		transition:.4s;
	}
	
	/* Header */
	
	header {
		width:100%;
		padding:45px;
		position:absolute;
		z-index: 102;
	}
	
	.wrap {
		width:80%;
		max-width:1160px;
		margin:0 auto;
	}
	
	.logo {
		width:60px;
		height:auto;
		float:left;
		margin-right:50px;
	}
	
	.logo img {
		width:100%;
		height:auto;
	}
	
	.nav {
		border: dotted 0px red;
		float:left;
	}
		
	.nav li {
		display:inline-block;
		color:#121212;
	}
	
	.nav li.divider {
		background:url(../img/plus.png) no-repeat;
		width:8px;
		height:11px;
		background-size: contain;
		margin:0 10px;
	}
	
	.nav li a {
		text-transform: uppercase;
		font-size:14px;
		letter-spacing:2px;
		margin-right:3vw;
	}
	
	.nav li a:hover {
		color:white;
	}
	
	.menu-icon {
		display:none;
		position:absolute;
		right:45px;
		top:45px;
		z-index:101;
		font-size:26px;
	}

	.menu-icon div {
		float:left;
	}

	.menu-icon div:first-child {
		height:31px;
		width:45px;
		margin-right:15px;
	}
	
	.menu-icon div span {
		height:4px;
		width:100%;
		background:white;
		display:block;
		margin-bottom:8px;
	}

	.menu-icon div span:nth-child(2) {
		width:75%;
		margin-left:25%;
	}

	.menu-icon div span:nth-child(3) {
		margin:0;
	}

	.social {
		border: dotted 0px red;
		float:right;
	}

	.social a {
		font-size:24px;
		margin-left:10px
	}
	
	/* Sections */
	
	section {
		background:black;
		overflow:hidden;
		position:relative;
		width:100%;
		z-index:100;
		text-align:center;
	}

	section.divider {
		background:none;
	}

	section.white {
		background:white;
	}

	section.white h2 {
		color:black;	
	}

	.parallax-window {
		min-height: 100vh;
		background: transparent;
	}

	.parallax-mirror {
		z-index:1;
	}
	
	.quarter {
		width:25%;
	}
	
	.half {
		width:50%;
	}
	
	.three-quarters {
		width:75%;
	}
	
	.full {
		width:100%;
	}
	
	.float {
		float:left;
	}
	
	.center {
		margin:0 auto;
	}
	
	.center-text {
		text-align: center;
	}
	
	.left-text {
		text-align: left;
	}
	
	.right-text {
		text-align: right;
	}
	
	.padding {
		padding:30px 0;
	}
	
	.padding p {
		padding:0 30px;
	}
	
	.margin-standard {
		padding:85px 0;
	}

	.margin-large {
		padding:120px 0;
	}
	
	.no-margin {
		margin:0 !important;
	}
	
	.desktop-only {
		display:block;
	}
	
	.mobile-only {
		display:none;
	}

/* Intro */

.close {
	position:absolute;
	top:45px;
	right:45px;
}

.close img {
	width:25px;
	height:auto;
}

#video-background {
	height:100%;
}

#mobile-background {
	display:none;
	position:absolute;
	top:0;
	overflow:hidden;
	width:100%;
}

#mobile-background video {
	height:250px;
}

.logo-overlay {
	position:absolute;
	top:50%;
	left:50%;
	margin:-35px 0 0 -212.5px;
}

.logo-overlay img {
	width:425px;
	height:auto;
	display:none;
}

/* Music */

.content {
	top:100vh;
}

.discography {
	display:inline-block;
}

.discography .cover {
	float:left;
	margin-right:35px;
	width:150px;
}

.discography .cover img {
	width:100%;
	height:auto;
}

.discography .details {
	float:left;
	font-size:26px;
	line-height:34px;
	text-align:left;
	padding-top:40px
}

.buy-links {
	width:755px;
	overflow:hidden;
	margin:35px auto 50px auto;
}

.buy-links a {
	float:left;
	background:white;
	color:black;
	font-size:14px;
	line-height:24px;
	letter-spacing: 4px;
	text-transform: uppercase;
	padding:7px 30px;
	margin:0 15px;
	border-radius:5px;
}

.buy-links a:hover {
	background:black;
	color:white;
}

.spotify {
	clear:both;
}

/* Videos */

.video-scroll {
	-webkit-overflow-scrolling: touch;
	width:100%;
	overflow: auto;
    white-space: nowrap;
}

.video-thumbnail {
	display:inline-block;
	width:540px;
	margin-left:45px;
	margin-bottom:65px;
}

.video-thumbnail a {
	display:block;
}

.video-thumbnail a:nth-child(2) {
	margin:15px 0;
	text-transform: uppercase;
	letter-spacing:4px;
}

::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    background:white;
}
 
::-webkit-scrollbar-thumb {
    background:#252525;
}

/* Instagram */

.photos {
	padding-bottom:50px;
}

#instagram a {
	width:calc(25% - 40px);
	float:left;
	margin-left:40px;
	margin-bottom:40px;
	opacity:1;
}

#instagram a img {
	width:100%;
}

#instagram a:nth-child(4n+1) {
	margin-left:0;
}

#instagram a:hover {
	opacity:0.7;
}

/* TOURDATES */
.tour-dates {
  border: dotted 0px red;
  text-align: center; }

.tour-dates .smem-tourDates {
  font-weight: 700;
  text-transform: uppercase; }

.smem-tourDates .date {
  margin: 0px;
  padding: 10px; }

.smem-tourDates .date:hover {
  background: rgba(255, 255, 255, 0.1); }

.smem-tourDates .date .day {
  display: inline-block;
  width: 20%;
  vertical-align: middle;
  text-align: left; }

.smem-tourDates .date .venue {
  display: inline-block;
  font-size: 100%;
  width: 30%;
  vertical-align: middle;
  text-align: left; }

.smem-tourDates .date .town {
  display: inline-block;
  width: 35%;
  vertical-align: middle;
  text-align: left; }

.smem-tourDates .date .ticketlinks-wrap {
  display: inline-block;
  width: 15%;
  vertical-align: middle; }

.smem-tourDates .date a {
  flex-basis: max-content;
  color: #fff;
  border: solid 2px #fff;
  text-decoration: none;
  display: block;
  width: 100%;
  padding: 3px 20px;
  margin: 0px 0px 0px 0px; }

.smem-tourDates .date a:hover {
  border: solid 2px #fff;
  background-color: #fff;
  color: #000;
  text-decoration: none; }

/* Footer */

footer {
	width:100%;
	text-align:center;
	background:white;
	color:black;
	font-size:12px;
	padding-bottom:85px;
}
footer a { color: #000; }
footer a:hover { color: #666; text-decoration: underline; }

@media only screen and (min-width : 1024px) {
	header {display:block !important;}
}

@media only screen and (max-width : 1200px) {
	.social a {font-size: 20px; margin-left: 16px;}
	.nav li a {margin-right: 1.5vw;}
}

@media only screen and (max-width : 1024px) {
	
	.desktop-only {display:none;}
	.mobile-only {display:block;}
	
	.menu-icon {display:block;}
	.logo-mobile {margin-top:20px; margin-bottom:50px;}
	.logo-mobile img {width:300px; height:auto;}
	header {display:none; background:white; text-align:center;}
	.nav, .social {float:none;}
	.nav li {display:block; margin-bottom:50px;}
	.nav li a {color:black; margin-right:0; font-size:20px;}
	.social {padding-top:30px; margin-bottom:50px;}
	.social a {color:black; font-size:34px; margin-left:40px;}
	.social a:first-child {margin-left:0;}
	
	#tubular-player, #video-background {height:600px !important;}
	
	.discography .cover, .discography .details {float:left; width:40%; text-align: center; margin:0 5%;}
	.discography .cover {margin-bottom:50px;}
	.discography .details {margin-bottom:20px;}
	.discography {display:block;}
	.buy-links {width:50%; margin:0;}
	.buy-links a {padding:7px 0; width:calc(50% - 5px); margin:0 0 5px 5px; font-size:12px; letter-spacing:1px;}
	.buy-links a:nth-child(2n+1) {margin-left:0;}
	
	.parallax-window {min-height:600px;}
	
	.video-thumbnail {margin-left:0;}
	.slick-slide img {margin:0 auto;}
	
	h2 {font-size:34px;}
	.margin-large {padding:60px 0;}
	.margin-large h2 {padding-bottom:60px;}
	
	#instagram a {width:calc(50% - 20px);}
	#instagram a:nth-child(2n+1) {margin-left:0;}
	
	.fancybox-slide--iframe .fancybox-content {height:59.3% !important; width:100% !important;}
	
	.menu-icon {font-size:20px !important;}
	.menu-icon div:first-child {height:24px; width:32px; margin-top:1px;}
	.menu-icon div span {height:4px; margin-bottom:6px;}
}

@media only screen and (max-width : 768px) {
	
	.discography .cover, .discography .details {float:none; width:50%; text-align: center; margin:0 auto;}
	.buy-links {margin:50px auto; width:180px;}
	.buy-links a {width:180px; clear:both; margin:0 0 5px 0;}
	
	.spotify iframe {width:100%;}
	
}

@media only screen and (max-width : 480px) {
	
	#tubular-container {display:none !important;}
	#mobile-background {display:block;}
	
	.menu-icon {font-size:14px !important;}
	.menu-icon div:first-child {height:19px; width:30px; margin-top:4px;}
	.menu-icon div span {height:3px; margin-bottom:5px;}
	
	.logo-mobile {margin-top:40px;}
	.logo-mobile img {width:250px;}
	
	.close {top:30px; right:30px;}
	.close img {width:20px;}
	
	.social a {font-size:26px; margin-left:25px;}
	
	h2 {font-size:24px; letter-spacing:10px;}

	.menu-icon {right:30px; top:30px;}
	.logo-overlay {margin:-35px 0 0 -130px;}
	.logo-overlay img {width:260px;height:auto;}
	
	#tubular-player, #video-background {height:250px !important;}
	
	.video-thumbnail {vertical-align: top; width:100%; margin-left:0;}
	.video-thumbnail a:nth-child(2) {width:100%; padding:0 10%; white-space:pre-wrap;}
	.video-thumbnail a img {width:100%; height:auto;}

	.discography .cover, .discography .details {width:100%;}
	
	.parallax-window {min-height:300px;}

	.fancybox-slide--iframe .fancybox-content {height:auto !important; width:auto !important;}
	
	.slick-slide img {width:100%; height:auto;}
	
}

@media only screen and (max-width: 768px) {
  .smem-tourDates .date {
    margin: 10px 0px; }
  .smem-tourDates .date .day {
    display: block;
    width: 100%;
    margin: 5px 0px;
    text-align: center; }
  .smem-tourDates .date .venue {
    display: block;
    font-size: 150%;
    width: 100%;
    margin: 5px 0px;
    text-align: center; }
  .smem-tourDates .date .town {
    display: block;
    width: 100%;
    margin: 5px 0px;
    text-align: center; }
  .smem-tourDates .date .ticketlinks-wrap {
    display: inline-block;
    width: auto;
    margin: 5px 0px; }
  /*
	.smem-tourDates .date { width: 44%; margin: 0px 3% 50px 3%;  }
	.smem-tourDates .date .venue { font-size: 150%; }
	*/ }

@media only screen and (max-width: 414px) {

  .smem-tourDates .date {
    margin: 10px 0px; }
  .smem-tourDates .date .day {
    display: block;
    width: 100%;
    margin: 5px 0px;
    text-align: center; }
  .smem-tourDates .date .venue {
    display: block;
    width: 100%;
    margin: 5px 0px;
    text-align: center; }
  .smem-tourDates .date .town {
    display: block;
    width: 100%;
    margin: 5px 0px;
    text-align: center; }
  .smem-tourDates .date .ticketlinks-wrap {
    display: inline-block;
    width: auto;
    margin: 5px 0px; }
  /*
	.smem-tourDates .date { width: 90%; margin: 0px auto 50px auto;  }
	.smem-tourDates .date .venue { font-size: 150%; }
	*/ }


.embed-container { 
	position: relative; 
	height: 100%; 
	overflow: hidden; 
	max-width: 100%; } 
	.embed-container iframe, 
	.embed-container object, 
	.embed-container embed { 
		position: absolute; 
		top: 0; 
		left: 0; 
		width: 100%; 
		height: 100%; }