.geek-masthead-wrapper {
	overflow: hidden;/*fix video overflow on firefox*/
}
.geek-masthead {
	position: relative;
	display: table;
	width: 100%;
	overflow: hidden;
}

.geek-masthead > video {
	position: absolute;
	display: block;
	z-index: 1;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	background-size: cover;
	transition: 1s opacity;
	overflow: hidden;
}

.geek-masthead > .inner {
	z-index: 2;
	position: relative;
	display: table-cell;
	vertical-align: middle;
	padding: 20px;
}

.geek-masthead > .inner h1 {
	font-size: 3em;
}
.geek-masthead > .inner p {
	font-size: 1.375em;
}

.geek-masthead.mask:after {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	z-index: 1;
}