h1{	
		
	}
	
	.photo{
		/*-webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777;*/
	width: 100%;
	height: auto;
	}

	#header-triangle{
		position: absolute;
		bottom: 0;
		left:calc(50% - 750px);
	}
	#footer-triangle{
		position: absolute;
		top: 0;
		left:calc(50% - 750px);

	}

	h1, h2{
		font-family: 'Satisfy', cursive;
		/*font-family: 'Shrikhand', cursive;*/
		font-style: normal;
	}	

	h1{
		position: absolute;
		top:-140px;
		width: 200px;
		left: calc(50% - 100px);
		z-index: 3;
		line-height: 45px;
		font-size:42px;
	}
	h2{
		font-size: 21px;
		line-height: 24px;
		margin:30px auto 10px;
	}

	h3{
		margin-bottom: 4px;
		text-transform: uppercase;
		font-size: 15px;
	}
	hr{
		display: inline-block;
		width: 20px;
		margin:10px auto;
	}
	.bandcamp-player{
		display: block;
		max-width: 100%;
	}
	.bandcamp-player iframe{
		max-width: 100%;
		width: auto;
	}

	.btn{
		display: inline-block;
		margin: 13px auto;
		padding: 7px 10px;
		text-transform: uppercase;
		border: 1px solid #fff;
		text-decoration: none;
	}
	p{margin:1.5em;}
	
	.cd{
		margin:24px auto 60px auto;
	}
	.cd ol{
		margin-bottom: 20px;
	}
	
	ol li img{ margin-left: 5px; vertical-align:middle; }
	.future{
		opacity: .3;
	}
	.price{
		margin-bottom: 15px;
	}
	#content{
		line-height: 1.5rem;
		padding-top: 10px;
	}
	#content-boxed{
	 display: inline-block;
	 max-width: 500px; 
	}
	
	.cd form{
		margin:0 auto;
		display: inline-block;
		max-width: 200px;
	}
	.cd form select{
		margin-bottom: 10px;
	}

	#footer, #header, #content{ position: relative; display: block;}

	#header{
		max-height: 1000px;
		overflow:hidden;
	}
	#credit{
		padding:10px;
		font-size:12px;
	}

	@media screen and (max-width: 400px) {
	#header-triangle{ display: none; }
}
	@media screen and (max-width: 960px) {
	#footer-triangle{ display: none; }
}