html {
	height:100%;
}
body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	background: #000;
	font: 15px/23px "ralewayregular", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	color: #8F989F;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

.hero {
	height:100%;
	min-height:100%;
	position:relative;
	overflow:hidden;
	text-align:center;
	z-index:750;
}

.hero .hero-holder {
	display:inline-block;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	width:820px;
	max-width:100%;
}

.parallax-section {
	position:relative;
	overflow:hidden;
	width:100%;
}

.parallax-banner-1 {
	background:url('/bg.jpg');
	background-position: center center;
}

.parallax-background {
	background-position:center center;
	-webkit-background-size: cover !important; 
	-moz-background-size: cover !important;  
	-o-background-size: cover !important; 
	background-size: cover !important;
	background-repeat:no-repeat;

}
.parallax-background.fixed {
	background-attachment: fixed !important;
}

.parallax-overlay-1 { background-image: url('/overlay-pattern.png'); }

.parallax-overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-repeat:repeat;
	background-attachment: scroll;
}

.grid-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  padding-left: 10px;
  padding-right: 10px;
}

.grid-container:before, .grid-container:after {
  content: ".";
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.grid-container:after {
  clear: both;
}

.hero-description {
	color:#FFFFFF;
	font-size:12px;
	letter-spacing:1px;
	margin-bottom:10px;
	text-align:center;
	margin:0 auto;
	text-transform:uppercase;
	display:block;
	text-rendering: optimizelegibility;
}

.hero-title-holder {
	background-attachment: scroll;
	background-image: url('/divider1.png');
	background-repeat: repeat-x;
	background-position: top center;
	display:inline-block;
}

.hero-title {
	font-size:5em;
	margin-bottom:20px;
	text-transform:uppercase;
	text-align:center;
	display:inline-block;
	color:#FFFFFF;
	padding-top:5px;
}

.btn-holder {
	display:block;
}

.hero-btn {
	background:transparent;
	color:#FFFFFF;
	border:2px solid rgba(255, 255, 255, 0.15);
	padding:10px 15px;
	font-size:12px;
	cursor:pointer;
	text-transform:uppercase;
	letter-spacing:2px;
	text-align:center;
	display:inline-block;
	text-rendering: optimizelegibility;
	-webkit-transition:0.2s background linear;
		-moz-transition:0.2s background linear;
			transition:0.2s background linear;
}
.hero-btn:hover {
	color:#FFFFFF;
	background:rgba(255, 255, 255, 0.15);
}

h1, h2 {
	color: #333333;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	line-height:100%;
	margin-bottom:20px;
	margin-top:0;
	text-rendering: optimizelegibility;
}
h1 { font-size:30px; }
h2 { font-size:26px; }


audio {
    filter: sepia(20%) saturate(70%) grayscale(1) contrast(99%) invert(12%);
    height: 25px;
}