@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
    padding: 0;
    color: #000;
    background:#e0e0e0;
    font-family: 'bebas_neueregular', Din, Helvetica Neue, Arial, sans-serif;
    font-weight: 300;
    font-size:62.5%;
}

/* Text */

h1,
h2,
h3,
h5 {
    margin: 0;
    padding: 0;
}

h1 {
	font-size:8em;
}

h1 a {
	text-decoration: none;
}

h2 {
	font-size:6em;
}

h3 {
	font-size:5.0em;
}

h4 {
	font-size:4em;
}

h5 {
	font-size:3em;
}

h6 {
	font-size:1.5rem;
	float:right;
	letter-spacing: 3px;
}
h6 a {
	text-decoration:none;
}

h6 span {
	display:none;
}

p {
    
}

a {
	color:#000;
}

a:hover {
    color: #40a5c6;
	font-weight:inherit;
}

a,
a:visited {
    text-decoration: underline;
}


/* Nav */

nav {
    position: fixed;
	height:70px;
	padding:0;
    top: 0;
    background: #000;
    z-index: 500;
	width:100%;
	text-align:center;
	
}

nav a {
	color:#fff;
	font-size:2em;
	text-decoration:none;
}

nav ul {
	padding:0;
	padding-top:25px;
}

nav img {
	margin-top:-25px;
	width:100%;
	max-width:130px;
}

nav li {
	float:left;
	width:20%;
}

/* Header */

.header-unit-logo {
	margin-top:5%;
	display:block;
	width:50%;
	max-width:360px;
	z-index:999;
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
	
}

.header-unit {
  height: 100%;
  width:100%;
  display:block;
  margin-bottom:55%;
  background-image: url(../img/houl.jpg);
}

/* Video */

#video-container {
	z-index:600;
	top:0%;
	left:0%;
	height:100%;
	width:100%;
	overflow: hidden;
	
}

video {
	position:absolute;
	z-index:600;
	
}

video.fillWidth {
	width: 100%;
}

/* CONTENT */
.wrap {
	padding-top:30%;
	width:96%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
}

.wide-image {
	width:100%;
	background:no-repeat;
	background-size:100%;
}

.event-div {
	text-align:center;
}

.about-photo {
	display: block;
	background-image: url(../img/pano.jpg);
	height: 50%;
}

.event-photo {
	background-image:url(../img/smalls.jpg);
}

.support-photo {
	background-image:url(../img/spray.jpg);
	padding-bottom:200px;
}
.display-mobile {
	display: none;
}


/* FORM FUN	*/
form {
	font-size:2.5em;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

.form-blocks {
	width:100%;
	display:inline-block;
	margin-top:20px;
	margin-bottom:10px;
}

.left-label  {
	display:inline-block;
	width: 100%;
}

.text-label {
}

input[type="text"] {
	border-width:2px;
	border-color:#000;
	background-color:#e0e0e0;
	font-family:'bebas_neueregular', Din, Helvetica Neue, Arial, sans-serif;
	padding-left:2%;
	padding-right:2%;
	width: 95%;
	max-width:350px;
}

.text-input-top {
}

textarea {
	resize:vertical;
	height:60px;
	max-height:300px;
	border-width:2px;
	border-color:#000;
	background-color:#e0e0e0;
	padding-left:2%;
	padding-right:2%;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family:'bebas_neueregular', Din, Helvetica Neue, Arial, sans-serif;
	font-size:.9em;
	width: 95%;
	max-width:350px;
}

.radio-form {
	width:100%;
	max-width:400px;
}
	
.radio-label {
	width: 50%;
	display:block;
	float:left;
	margin-bottom: 15px;
}

input[type="radio"] {
    display:none;
}

input[type="radio"] + label span {
    display:inline-block;
    width:25px;
    height:25px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../img/radio_sheet.png) left top no-repeat;
    cursor:pointer;
}

input[type="radio"]:checked + label span {
    background:url(../img/radio_sheet.png) -25px top no-repeat;
}

input[type="submit"] {
	font-family:'bebas_neueregular', Din, Helvetica Neue, Arial, sans-serif;
	background-color:#000;
	color:#fff;
	border:none;
	padding-left:40px;
	padding-right:40px;
	display:block;
	margin-left:30%;
	margin-top:15px;
}



/* MOBILE WIDTH */
@media screen and (max-width: 28em) {
	h3 {
		font-size:1.9rem;
	}
	h6 {
		float:none;
		text-align:center;
	}
	
	/* HEADER */
	.header-unit-mobile {
		display:block;
		z-index:950;
		width: 100%;
		background-image:url(../img/houl-small.jpg);
		position:absolute;
		height:40%;
		top:0;
		background-repeat:no-repeat;
		background-size:100%;
		
	}
	#nav-about {
		margin-top:43%;	
	}
	nav {
		font-size: .9em;
		height:65px;
	}
	.header-unit {
		display:none;
	}
	video {
		display:none;
	}
	
	/* CONTENT */
	.about-photo {
		background-image:url(../img/pano-small.jpg);
	}
	.support-photo {
		background-image: url(../img/spray.jpg);
		padding-top:36%;
		padding-bottom:0;
	}
	.display-mobile {
		display:block;
	}
	.display-large {
		display:none;
	}
	.radio-label {
		width:50%;
	}
	.form-blocks {
		margin-top:0;
	}
}
/* TABLET WIDTH */
@media screen and (min-width: 28em) {
	/* HEADER */
	.header-unit-mobile {
		display:block;
		z-index:950;
		width: 100%;
		background-image:url(../img/houl-small.jpg);
		position:absolute;
		height:80%;
		top:0;
		background-repeat:no-repeat;
		background-size:100%;
	}
	
	.header-unit {
		display:none;
	}
	
	video {
		display:none;
	}
	
	#nav-about {
		margin-top:50%;	
	}
	nav img {
		max-width: 100px;
	}
	
	.display-mobile {
		display:block;
	}
	.display-large {
		display:none;
	}
	.wrap {
		padding-top: 18%;
		margin-bottom: 18%;
	}
	.support-photo {
		padding-top:49%;
		padding-bottom:0;
	}
	.form-blocks {
		margin-bottom:0;
	}
	
}
	
/* TABLET WIDTH */
@media screen and (min-width: 50em) {
	/* Text */
	h1 {
		font-size:11em;
	}
	
	h2 {
		font-size:7em;
	}
	
	h3 {
		font-size:4.0em;
	}
	
	h4,
	h5 {
		font-size:4em;
	}
	
	
	/* NAV */
	nav {
	height:80px;
	}
	
	nav img {
		max-width: 100px;
	}
	
	nav a {
		font-size:3em;
	}
	
	/* Header */
	.header-unit {
		display: block;
		margin-bottom:59%;
	}
	.header-unit-logo {
		margin-top:5%;
		margin-bottom:-600px;
		z-index:999;
	}
	video {
		display: block;
	}
	
	/* CONTENT */
	.wrap {
		padding-top:12%;
	}
	.support-photo {
		width:70%;
		padding-top:0;
		padding-bottom:2%;
		padding-left:30%;
	}
	#nav-about {
		margin-top:5%;
	}
	/* FORM FUN */
	form {
		font-size:3em;
	}
	.form-blocks {
		margin-bottom:0;
	}
	.left-label  {
		float:left;
		width:30%;
	}
	
	input[type="text"] {	
		width:40%;
	}
	.radio-form {
		float: left;
		width: 70%;
		max-width:700px;
	}
		
	.radio-label {
		width: 50%;
		display:block;
		float:left;
	}
	
}
	
/* WIDE TABLET WIDTH */
@media screen and (min-width: 60em) {
	.header-unit-logo {
		margin-top:10%;
	}
	
	/* CONTENT */
	#nav-about {
		margin-top:10%;
	}
	.wrap {
		padding-bottom: 3%;
		padding-top:10%;
		width:90%;
		margin-bottom:5%;
	}
	
	.support-photo {
		width:75%;
		padding-top:3%;
		padding-bottom:12%;
		padding-left:25%;
	}
	
	.display-large {
		display:block;
	}
	.display-mobile {
		display:none;
	}

}

/* SMALL SCREEN WIDTH */
@media screen and (min-width: 70em) {
	/* Header */
	.header-unit {
		margin-bottom:55%;
	}
	.header-unit-logo {
		margin-top:15%;
	}
	
	.support-photo {
		width:75%;
		padding-top:8%;
		padding-bottom:10%;
		padding-left:25%;
	}
	
	/* FORM FUN */
	.radio-label {
		width: 25%;
	}
}
	

/* LARGE SCREEN */
@media screen and (min-width: 85em) {
	
	/* Text */
	h1 {
		font-size:15em;
	}
	
	h2 {
		font-size:11em;
	}
	
	h3 {
		font-size:5.5em;
	}
	
	h4,
	h5 {
		font-size:4.8em;
	}
	
	/* NAV */
	nav {
	height:90px;
	}
	
	nav a {
		font-size:3.5em;
	}
	
	/* CONTENT */
	.wrap {
		width:80%;
		padding-top: 8%;
	}
	.support-photo {
		padding-top:2%;
		padding-bottom:6%;
	}
}

/* HUGE SCREEN */
@media screen and (min-width: 95em) {
	h3 {
		font-size:6.0em;
	}
	
	.wrap {
		padding-top: 14%;
}