/* Fonts */

@font-face {
	font-family: 'Museo Sans';
	font-weight: 700;
	src: url('fonts/MuseoSans-700.woff') format('woff');
}

/* Styles */

* {
	box-sizing: border-box;
	margin: 0;
	outline: none;
	padding: 0;
}

body,
html {
	height: 100%;
	width: 100%;
}

body {
	color: #3d3d3d;
	font-family: 'Museo Sans';
	font-weight: 700;
	position: relative;
}

h1 {
	background-image: url('images/videoselfie.png');
	background-repeat: no-repeat;
	background-size: contain;
	height: 180px;
	margin: 0 auto 50px auto;
	text-indent: -9999px;
	width: 350px;
}

h2 {
	font-size: 36px;
	line-height: 80px;
	margin: 0 0 50px 0;
}

h2 span {
	background-image: url('images/unda.png');
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	height: 50px;
	text-indent: -9999px;
	width: 109px;
}

h3 { font-size: 16px; }

footer {
	background-color: #fff;
	bottom: 0;
	font-size: 12px;
	padding: 30px 20px;
	position: fixed;
	width: 100%;
}

footer a {
	color: #3d3d3d;
	text-decoration: none;
}

footer span {
	position: absolute;
	right: 20px;
}

video {
	height: auto;
	min-height: 100%;
	min-width: 100%;
	position: fixed;
	top: 0;
	width: auto;
	z-index: -100;
}

.wrapper {
	left: 50%;
	margin: -250px 0 0 -250px;
	position: absolute;
	top: 50%;
	text-align: center;
	width: 500px;
}