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

html {	
	background: url(../img/background.jpg) no-repeat center center fixed; 
  	background-size: cover;
}

body {
	height: 100%;
}

h1 {
	margin-top: 40px;
	margin-bottom: 10px;
	font-family: 'Creepster', cursive;
	color: #FFF;
	text-align: center;
	font-size: 80px;
}

h1 img {
	width: 100%;
	height: auto;
	max-width: 500px;
}

h2 {
	margin-top: 10px;
	margin-bottom: 40px;
	font-family: 'Creepster', cursive;
	color: #FFF;
	text-align: center;
	font-style: italic;
	font-size: 30px;
}

p {
	font-family: 'Fjalla One', sans-serif;
	color: #FFF;
	text-align: center;
	font-size: 24px;	
}

p a {
	color: #f6d94f;
}

.video {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
	margin-top: 40px;
}

.video iframe {
	left: 5%;
	top: 0;
	height: 100%;
	width: 90%;
	position: absolute;
}