@font-face {
    font-family: FuturaFuturisC;
    src: url(../fonts/FuturaFuturisC.ttf);
}

@font-face {
    font-family: FuturaFuturisLightC;
    src: url(../fonts/FuturaFuturisLightC.ttf);
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.logo {
	position: fixed;
	top: 63px;
	left: 63px;
	z-index: 10;
}

.video-wrapper {
	position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}


.video-wrapper .video-content {
	width: 100%;
    min-height: 100%;
    position: absolute;
    left: 0px;

    /*-moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);*/
}



.video-wrapper .video-content video {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;

    position: absolute;
	top: 50%; left: 50%;
    /*top: 0px;
	left: 0;*/
	bottom: 0;
	right: 0;
    /*cursor: pointer;*/
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.video-wrapper .video-content .poster {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('../img/video.png') no-repeat center center fixed;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.video-wrapper .video-content .overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity: 0.70;
}

.footer {
	position: fixed;
	left: 62px;
	bottom: 57px;
	right: 55px;
	z-index: 10;
}

.footer .segment {
	float: left;
	width: 33%;
}

.footer .email a {
	font-family: FuturaFuturisLightC;
	font-size:24px;
	color:#ffffff;
	letter-spacing:-0.6px;
	text-align:center;
}

.footer .phone {
	font-family: FuturaFuturisLightC;
	font-size:22px;
	color:#ffffff;
	letter-spacing:-0.55px;
	text-align:center;
}

.footer .segment .vimeo,
.footer .segment .behance,
.footer .segment .facebook {
	text-align: center;
	width: 33%;
	float: left;
}

.footer .vimeo a,
.footer .behance a,
.footer .facebook a {
	font-family: FuturaFuturisLightC;
	font-size:22px;
	color:#ffffff;
	letter-spacing:-0.55px;
	text-align:center;
}

@media (max-width: 980px) {
	.footer .segment {
		clear: both;
		display: block;
		text-align: left !important;
		width: 100%;
	}
	.footer .email a,
	.footer .phone,
	.footer .vimeo a,
	.footer .behance a,
	.footer .facebook a {
		font-size: 40px !important;
	}

	.footer .vimeo,
	.footer .behance,
	.footer .facebook {
		text-align: left !important;
	}

	.footer .segment:last-child {
		margin-top: 50px;
		text-align: left !important;
	}

	video {
	  display: none !important;
	}

	.video-wrapper .video-content .poster  {
		display: block !important;
	}

}