/*
  Stylesheet for Nada Surf
*/

@import "fonts.css";

.fallback {
  display: none;
}

.row {
	max-width: 1000px;
}

body {
	background: #000;
}

.banner {
	background: url(../images/banner.jpg) center bottom no-repeat;
	margin-bottom: 50px;
	width: 100%; height: 800px;
	
	-webkit-background-size: cover !important;
		 -moz-background-size: cover !important;
		 	-ms-background-size: cover !important;
		 			background-size: cover !important;
}

@media only screen and (max-width: 40em) {
	.banner {
		height: 500px;
	}
}

.grey {
	color: #bcbdc0;
}

h1 {
	color: #fff;
	font: normal 2.848em/1em "Akzidenz-Grotesk BQ", sans-serif;
	margin: 0px;
	text-transform: uppercase;
}

h2 {
	color: #fff;
	font: normal 1.875em/1em "Akzidenz-Grotesk BQ", sans-serif;
	margin: 0px;
	text-transform: uppercase;
}

	h2 a {
		background: #bcbdc0 !important;
		color: #fff !important;
		display: inline-block !important;
		font: normal .75em/1em "Akzidenz-Grotesk BQ", sans-serif !important;
		margin: 10px 0px 0px 10px !important;
		padding: 20px 20px 15px 20px !important;
		text-transform: uppercase !important;
	}

h3 {
	color: #fff;
	font: normal 1.500em/1em "Akzidenz-Grotesk BQ", sans-serif;
	margin: 0px;
	text-transform: uppercase;
}

h4 {
	color: #bcbdc0;
	font: normal 400 1.094em/1em "Gibson", sans-serif;
	letter-spacing: .162em;
	margin: 5px 0px 15px 0px; 
	text-transform: uppercase;
}

	h4 a {
		background: #bcbdc0;
		color: #fff !important;
		display: inline-block;
		margin: 5px 0px 0px 10px;
		padding: 8px 20px 8px 20px;
		text-transform: uppercase;
	}

/* Tracklist */

.preorder {
	margin-bottom: 50px;
}

.track {
	color: #fff;
	font: normal 400 1em/1.2em "Gibson", sans-serif;
	letter-spacing: .25em;
	margin: 5px 0px 0px 0px;
	text-transform: uppercase;
}

	.track div {
		display: inline-block;
		font-family: "Akzidenz-Grotesk BQ", sans-serif;
		letter-spacing: 0em;
		margin-right: 5px;
		padding-right: 5px;
		position: relative;
		max-width: 32px; width: 100%;
	}
	
		.track div:after {
			background: #bcbdc0;
			content: "";
			display: block;
			position: absolute;
				right: 0px;
				top: 0px;
			width: 1px; height: 135%;
		}
		
/* Preorder */

.preorder {
	margin-top: 50px;
}

	.preorder a {
		background: #bcbdc0;
		color: #fff;
		display: inline-block;
		font: normal 1.125em/1em "Akzidenz-Grotesk BQ", sans-serif;
		margin: 10px 0px 0px 10px;
		padding: 8px 20px 3px 20px;
		text-transform: uppercase;
	}
	
.enter-website {
	margin-top: 100px;
	margin-bottom: 100px;
}

	.enter-website a {
		background: #bcbdc0;
		color: #fff;
		display: inline-block;
		font: normal 1.500em/1em "Akzidenz-Grotesk BQ", sans-serif;
		margin: 10px 0px 0px 10px;
		padding: 20px 20px 15px 20px;
		text-transform: uppercase;
	}