@font-face {
	font-family: 'Grotex Regular';
	font-style: normal;
	font-weight: 400px;
	-moz-font-feature-settings: "tnum" 1;
	-webkit-font-feature-settings: "tnum" 1;
	font-feature-settings: "tnum" 1;
	src: url('font/GrotexRegular.woff'); /* IE 5-8 */
	src: local('Grotex Regular'), /* sneakily trick IE */
	url('font/GrotexRegular.woff') format('woff'); /* FF 3.6, Chrome 5, IE9 */
	/*url('font/GrotexRegular.woff2') format('woff2'),*/
	/*url('font/GrotexRegular.ttf') format('truetype'),*/ /* Opera, Safari */
	/*url('font/GrotexRegular.svg#font') format('svg');*/ /* iOS */
}

html, body { position: relative; width: 100%; height: 100%; overflow: hidden; }

body {
	font-family: "Grotex Regular", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 150px;
	line-height: 1;
	color: black;
	background: black;
	-moz-font-feature-settings: "tnum" 1;
	-webkit-font-feature-settings: "tnum" 1;
	font-feature-settings: "tnum" 1;
}

a {
	color: black;
	text-decoration: none;
}
a:hover, a:active, a:focus {}
a.button {
	display: inline-block;
	padding: 10px;
}

.table {
	display: table;
}
.table > .table-cell {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.video-wrapper {
	position: relative;
	width: 100%;
    height: 100%;    
}

.video-wrapper video {
	position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
	z-index: 10;
}

#text-wrapper {
	position: absolute;
	top: 5%;
	left: 5%;
	z-index:20;
	width:100%;
}