html {
		height: 100%;
		padding: 0; margin: 0;
    	margin-left: calc(100vw - 100%);
    	margin-right: 0;
	}
body {
		font-family: "Founders Grotesk Medium", "Courier New", "Courier", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
		height: 100%;
		padding: 0; margin: 0;
		background-size: cover;
		background-position: center center;
		background-attachment: fixed;
		background-color: #fff;
		color: #000;
	}

a {
		color: #000;
		transition: 0.5s all;
	}
a:hover {
		color: #999;
}
.buy_music {font-size: 1.75em; letter-spacing: 25px;}
.buy_music_last {letter-spacing: 0;}

#shop_link {position: absolute; left: 50px; top: 65px; z-index: 3000; font-size: 24px;}
#shop_link a {text-decoration: none;}
#maillist_link {position: absolute; right: 50px; top: 65px; z-index: 3000; font-size: 24px;}
#maillist_link a {text-decoration: none;}

@media (max-width: 600px) {
#shop_link {position: absolute; left: 25px; top: 65px; z-index: 3000; font-size: 21px;}
#shop_link a {text-decoration: none;}
#maillist_link {position: absolute; right: 25px; top: 65px; z-index: 3000; font-size: 19px;}
#maillist_link a {text-decoration: none;}
}

#album_cover {
	background-image: url(/assets/images/bambi_cover.jpg);
	background-size: cover;
	width: 560px;
	height: 560px;
	margin: 0 auto 50px auto;
	border: 0;
	display: block;
		box-shadow: 0 0 5px rgba(0,0,0,0.5);
	}

#album_cover span {
	display: none;
}

@media (max-width: 600px) {
#album_cover {
	width: 420px;
	height: 420px;
}
}

#music_links {
	width: 420px;
	margin: 20px auto 0 auto;
}
#music_links a span {display: none;}

a.music_link_spotify {background-image: url(/assets/images/music_link_spotify.png); background-size: cover; width: 120px; height: 51px; display: inline-block; margin-right: 20px;}
a.music_link_tidal {background-image: url(/assets/images/music_link_tidal.png); background-size: cover; width: 120px; height: 51px; display: inline-block; margin-right: 25px;}
a.music_link_apple {background-image: url(/assets/images/music_link_apple.png); background-size: cover; width: 120px; height: 51px; display: inline-block;}


a.apple-icon {font-size: 36px;}
a.amazon-icon {font-size: 35px;}

a .tidal-icon {display: inline-block; background-image: url(/assets/images/tidal.png); width: 41px; height: 42px; margin-top: -3px; background-size: cover; text-decoration: none; line-height:63px; transition: 0.5s all; margin-right: 25px;}
a:hover .tidal-icon {opacity: 0.35;}


span.landmark {
	letter-spacing: 0.475em;
}
pre {
		font-family: "Apercu Mono", "Courier New", "Courier", Courier, monospace;
}
#menu_popup span.small_text {font-size: 16px; letter-spacing: 1px; line-height: 16px !important; text-transform: uppercase;}
#menu_popup {
		width:100%; 
		height:100%; 
		padding: 0; 
		position:absolute; 
		right:0; 
		bottom:0; 
		z-index: 99; 
		position: fixed; 
		box-sizing: border-box;
		text-align: center;
		display: block;
	}
.menu_popup_home {
		width:100%; 
		height:100%; 
		padding: 0; 
		position:absolute; 
		right:0; 
		bottom:0; 
		z-index: 99; 
		position: fixed; 
		box-sizing: border-box;
		text-align: center;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		display: block;
	}
#tour_title {margin: 10px auto -15px auto; text-align: center;}
#tour_title span {display: none;}
#menu_popup #title_link {
		text-decoration: none;
		display: block; 
		margin-top: 60px;
		background-image: url(/assets/images/hc_title_newer.svg)
		width: 460px;
		height: 245px;
		}
#menu_popup #title_link span{
	display: none;
	}
a:hover#title_link {
		color: #000;
}
#menu_popup .title_link {
		position: absolute;
		left: 50%;
		top: 115px;
		margin: 0 0 0 285px;
		text-decoration: none;
		font-size: 72px;
		font-family: "Founders Grotesk Medium", "Courier New", "Courier", Courier, monospace;
	}
#menu_popup .title_link:hover {
		color: #000;
}
#menu_popup h1 {
		/*font-family: "Founders Grotesk Medium", "Courier New", "Courier", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; */ 
		font-family: "Founders Grotesk Medium", "Georgia Bold", "Georgia", Georgia, Times New Roman, Times, serif;  
		font-size: 72px; text-transform: uppercase; letter-spacing: 1px;
		/*text-shadow: 0 0 25px rgb(0,0,0);*/ 
		padding: 0 130px; 
		pointer-events: none;
	}
#menu_popup h2 {
		font-family: "Founders Grotesk Medium", "Courier New", "Courier", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
		font-size: 27px;
		text-transform: uppercase;
		letter-spacing: 3px;
		padding: 0 20px 15px 20px;
		margin: 0 0 10px 0;
		font-weight: normal;
		text-align: center;
		line-height: 23px;
		/*text-shadow: 0 0 25px rgb(0,0,0);*/
	}


#top_widgets {
	min-width: 420px;
	max-width: 825px;
	height: 32px;
	margin: 0 auto;
	padding: 0;
	background-color: rgba(0,0,0,0);
	top: 13px;
	display: block;
	position: relative;
	z-index: 5000;
	text-align: left;
}
#top_widgets iframe {margin: 2px 0 0 0; float: right; width: 173px;}

#top_widgets .email_input {
		display: inline;
		min-width: 120px;
		width: auto;
		height: 23px;
		font-family: "Founders Grotesk Medium", "Courier New", "Courier", Courier, monospace;
		font-size: 14px;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		border: 0;
		padding: 0 0 0 5px;
		margin: 6px -10px 0 33px;
}
#top_widgets .email_submit {
		display: inline;
		width: 80px; height: 23px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		background-color: transparent;
		color: #000;
		font-family: "Founders Grotesk Medium", "Courier New", "Courier", Courier, monospace;
		text-transform: uppercase;
		font-size: 12px;
		line-height: 23px;
		border: 1px solid white;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		cursor: pointer;
}


#content_container {
		max-width: 760px;
		margin: 35px auto;
		transition: 0.5s all;
}
	
#video {
		float: left;
		text-align: left;
		width: 760px;
		height: 428px;
		margin: 30px 20px 60px 0;
	}
#video .vid_title {
		display: block;
		width: 295px;
		height: 30px;
		font-size: 19px;
		letter-spacing: 0.475em;
		text-shadow: 0 0 5px rgba(0,0,0,0.5);
		margin: -250px 0 0 13px;
		text-transform: uppercase;
		z-index: 103;
		pointer-events: none;
	}
#video iframe {
		width: 760px;
		height: 428px;
		margin: 0 0 0 0; 
		z-index: 102;
		box-shadow: 0 0 5px rgba(0,0,0,0.5);
	}
	
#album_info {
		float: left;
		width: 760px;
		margin: 0 0 20px 0;
		padding: 0;
}
#album_info .album_art {
		float: left;
		width: 280px;
		height: 280px;
		background-image: url(/assets/images/vinyl_preorder.gif);
		background-size: cover;
		box-shadow: 0 0 5px rgba(0,0,0,0.5);
		margin: 0 15px 0 0;
}
#album_info .album_art span {display: none;}
#album_info .track_listing ol {
		margin: 0; padding: 0 0 0 45px
}


		
#preorder {
	width: 760px;
	margin-top: 0;
	margin-bottom: 20px;
}
#preorder tr td {
	width: 180px;
}
#preorder tr td img{
	width: 180px;
	height: 180px;
}

@media (max-width: 999px) {
#preorder {
	width: 560px;
	margin-top: 0;
	margin-bottom: 20px;
}
#preorder tr td {
	width: 130px;
}
#preorder tr td img{
	width: 130px;
	height: 130px;
}
}

@media (max-width: 600px) {
#preorder {
	width: 420px;
	margin-top: 0;
	margin-bottom: 20px;
}
#preorder tr td {
	width: 95px;
}
#preorder tr td img{
	width: 95px;
	height: 95px;
}
}

#tour_dates {
	text-align: left;
	text-transform: uppercase;
	width: 760px;
	letter-spacing: 0.075em;
	line-height: 21px;
	font-size: 16px;
	margin-bottom: 20px;

}
#tour_dates tr td {
	padding: 5px 0;
}

#tour_dates tr td.tix {
	text-align: right;
	opacity: 0.15;
}

#tour_dates tr td.tix a {
	pointer-events: none;
}
#tour_dates tr td.tix_available {
	text-align: right;
	width: 128px;
}
#tour_dates tr td.tix a.buy_tickets, #tour_dates tr td.tix_available a.buy_tickets
{border: 1px solid; border-radius: 3px; text-align: center; text-decoration: none; line-height: 0; line-height: inherit; padding: 6px 5px 0 5px;}


@media (max-width: 999px) {
#tour_dates {
	text-align: left;
	text-transform: uppercase;
	width: 560px;
	font-size: 15px;
	letter-spacing: 0.05em;
	line-height: 19px;
	

}
}

@media (max-width: 600px) {
#tour_dates {
	text-align: left;
	text-transform: uppercase;
	width: 420px;
	font-size: 12px;
	letter-spacing: 0.025em;
	line-height: 17px;


}
#tour_dates tr td.tix a.buy_tickets, #tour_dates tr td.tix_available a.buy_tickets
{border: 1px solid; border-radius: 3px; text-align: center; text-decoration: none; line-height: 0; line-height: inherit; padding: 4px 3px 0 3px;}

}

#tour_info {
		width: 760px;
		float: left;
		text-align: center;
		border-top: 1px solid black;
		margin: 10px 20px 60px 0;
		padding: 10px 0 0 0;
}
#tour_info .email_input {
		display: inline-block;
		width: 300px; height: 38px;
		font-family: "Founders Grotesk Medium", "Courier New", "Courier", Courier, monospace;
		font-size: 18px;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		border: 0;
		padding: 0 0 0 5px;
		margin: 0 -10px 0 -7px;
}
#tour_info .email_submit {
		display: inline-block;
		width: 110px; height: 38px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		background-color: transparent;
		color: #000;
		font-family: "Founders Grotesk Medium", "Courier New", "Courier", Courier, monospace;
		text-transform: uppercase;
		font-size: 14px;
		line-height: 39px;
		border: 1px solid white;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		cursor: pointer;
}

#tour_info h3.tour_title {
		font-family: "Founders Grotesk Medium", "Georgia Bold", "Georgia", Georgia, Times New Roman, Times, serif;  
		font-size: 27px;
		margin: 0 0 0 0;
		text-transform: uppercase;
}
#tour_info .tour_link {
		font-size: 21px;
		line-height: 31px;
		text-transform: uppercase;
}
#tour_info pre {
		font-size: 18px;
		line-height: 31px;
		letter-spacing: 0.15em;
		font-weight: normal;
		text-transform: uppercase;
}
#tour_info pre a {
		text-decoration: none;
}
#tour_info pre i {
		font-size: 21px;
		vertical-align: middle;
}
#tour_info pre span.notyet {
		letter-spacing: -1px;
		font-size: 11px;
		margin: 0 0 0 -7px;
}
#tour_info .note {
	font-size: 16px; letter-spacing: 0.15em; text-transform: uppercase;
	text-align: center;
	margin: -15px auto 15px auto;
}
.support {
	width: 25px;
	text-align: center;
}
#tour_info .suresure_logo {
	width: 150px; height: 58px; background-image: url(/assets/images/suresure_logo.png); background-size: cover; background-repeat: no-repeat; display: inline-block; line-height: 79px;
	}
#tour_info .suresure_logo span {
	visibility: hidden;
	}
#tour_info .remodrive_logo {
	width: 105px; height: 58px; background-image: url(/assets/images/remodrive_logo.png); background-size: cover; background-repeat: no-repeat; display: inline-block; line-height: 22px; margin: 0 0 0 10px
	}
#tour_info .remodrive_logo span {
	visibility: hidden;
	}
#tour_info .alert {
	font-size: 14px; letter-spacing: 0.15em; text-transform: uppercase;
}
#tour_info .alert_bottom {
	max-width: 450px !important;
	font-size: 12px; letter-spacing: 0; text-transform: uppercase;
}
#preorders {
		width: 940px;
		float: left;
		padding: 0;
		margin: 0 0 40px 0;	
		display: block;
}
#preorders #preorder_info {
		text-align: center;
		font-size: 21px;
		letter-spacing: 0.2em;
		line-height: 27px;
		text-transform: uppercase;
		margin: 0 0 35px 0;
	}
#preorders .preorder {
		float: left;
		width: 460px; height: auto;
		text-align: center;
		font-size: 16px;
		line-height: 27px;
		letter-spacing: 0.2em;
		margin-bottom: 25px;
		text-transform: uppercase;
		margin-right: 20px;
}
#preorders .last_preorder {
		margin-right: 0 !important;
}
#preorders .preorder_img {
		width: 460px; height: 266px;
		background-color: #eee;
		margin: 0;
		box-shadow: 0 0 5px rgba(0,0,0,0.5);
}	


#continue {
		text-align: center;
		float: left;
		height: auto;
		width: 760px;
		margin: 0 0 80px 0;
		text-transform: uppercase;
		font-size: 27px;
		letter-spacing: 0.2em;
		transition: 0.5s all;
}
#continue a {
		text-decoration: none;
}
#continue a .inline_tiempos {
		font-family: "Founders Grotesk Medium", "Georgia Bold", "Georgia", Georgia, Times New Roman, Times, serif;
		letter-spacing: 0;  
}

@media (max-width: 999px) {
  #content_container {
    width: 560px;
  }
  
#video {
		float: left;
		text-align: left;
		width: 560px;
		height: 315px;
		margin: 0 20px 60px 0;
	}
#video .vid_title {
		display: block;
		width: 295px;
		height: 30px;
		font-size: 19px;
		letter-spacing: 0.475em;
		text-shadow: 0 0 5px rgba(0,0,0,0.5);
		margin: -250px 0 0 13px;
		text-transform: uppercase;
		z-index: 103;
		pointer-events: none;
	}
#video iframe {
		width: 560px;
		height: 315px;
		margin: 0 0 0 0; 
		z-index: 102;
		box-shadow: 0 0 5px rgba(0,0,0,0.5);
	}
	
  #album_info {
    width: 560px;
    text-align: center;
    display: block;
  }
  #album_info .album_art {
		width: 560px;
		height: 560px;
		background-image: url(/assets/images/vinyl_preorder.gif);
		background-size: cover;
		box-shadow: 0 0 5px rgba(0,0,0,0.5);
		margin: 0 auto 20px auto;
		
  }
  #album_info iframe {
		width: 560px;
		height: 280px;
		
}
  #tour_info {
    width: 560px;
  }
  #preorders {
  	width: 560px;
  }
  #preorders .preorder {
  	width: 560px;
  	font-size: 21px;
  }
  #preorders .preorder_img {
  	width: 560px;
  	height: 257px;
  }
  #continue {
    width: 560px;
  }
  
}
@media (max-width: 600px) {
  #content_container {
    width: 420px;
  }
  
#video {
		float: left;
		text-align: left;
		width: 420px;
		height: 237px;
		margin: 0 20px 60px 0;
	}
#video .vid_title {
		display: block;
		width: 295px;
		height: 30px;
		font-size: 19px;
		letter-spacing: 0.475em;
		text-shadow: 0 0 5px rgba(0,0,0,0.5);
		margin: -250px 0 0 13px;
		text-transform: uppercase;
		z-index: 103;
		pointer-events: none;
	}
#video iframe {
		width: 420px;
		height: 237px;
		margin: 0 0 0 0; 
		z-index: 102;
		box-shadow: 0 0 5px rgba(0,0,0,0.5);
	}
	  
  
  #album_info {
    width: 420px;
    text-align: center;
    display: block;
  }
  #album_info .album_art {
		width: 420px;
		height: 420px;
		background-image: url(/assets/images/vinyl_preorder.gif);
		background-size: cover;
		box-shadow: 0 0 5px rgba(0,0,0,0.5);
		margin: 0 auto 20px auto;
		
  }
  #album_info iframe {
		width: 420px;
		height: 280px;
		
}
  #tour_info {
    width: 420px;
  }
  #tour_info pre {
    font-size: 14px;
  }
  #preorders {
  	width: 420px;
  }
  #preorders .preorder {
  	width: 420px;
  	font-size: 21px;
  }
  #preorders .preorder_img {
  	width: 420px;
  	height: 257px;
  }
  #continue {
    width: 420px;
  }
  
}
@media (max-width: 805px) {
  .title_link {
  	display: none;
  }
}


#social {
		text-align: center;
		padding: 0 0 30px 0;
		margin: 0 0 0 0;
		font-size: 32px !important;
		font-weight: normal;
		letter-spacing: 0.1em;
		transition: 0.5s all;
	}
@media (min-width: 996px) { 
	#social {
		text-align: center;
		padding: 0 0 30px 0;
		margin: 0 0 20px 0;
		font-size: 42px !important;
		font-weight: normal;
		letter-spacing: 0.1em;
		transition: 0.5s all;
	}
}

.rpm_bug {position: relative; margin: 0 auto; width: 400px; text-align: center; font-family: 'Avenir', Helvetica, Arial, sans-serif; color: #c3c5c7; font-size: 20px; text-decoration: none; font-weight: normal; font-size: 16px; padding: 10px 0; transition: none;}
.rpm_bug a {font-family: 'Swiss', Helvetica, Arial, sans-serif; font-weight: normal; color: #000;}

a.rpm_link {
	margin: 0 0 40px -5px;
	 transition: none;
	width: auto;
	height: 30px;
	vertical-align: middle;
	background-image: url(/assets/images/rpm_logo.png);
	background-size: 29px 60px;
	overflow-y: hidden;
	background-repeat: no-repeat;
	background-position: top left;
	display: inline-block;
	padding: 0 0 0 42px;
	line-height: 35px;
	text-decoration: none;
	letter-spacing: 0.025em;
	font-family: 'Founders Grotesk Medium', Helvetica Neue, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	opacity: 0.15;
}
a:hover.rpm_link {
	background-position: bottom left;
	color: #999;
	opacity: 0.5;
}
a:hover.rpm_link .highlight {color: #c3c5c7 !important;}


@font-face {font-family: 'Founders Grotesk Medium'; src: url("/assets/fonts/founders-grotesk_medium.otf"); font-weight: normal; font-style: normal;}
@font-face {font-family: 'Apercu Mono'; src: url("/assets/fonts/apercu_mono.ttf"); font-weight: normal; font-style: normal;}
@font-face {font-family: 'Apercu Mono'; src: url("/assets/fonts/apercu_mono.eot"); font-weight: normal; font-style: normal;}