@font-face{
	font-family:'suisse_antique';
	src:url("fonts/suisse_bp_intl_antique-webfont.woff2") format("woff2"),url("fonts/suisse_bp_intl_antique-webfont.woff") format("woff");
	font-weight:normal;
	font-style:normal;
}

body {
	background:black;
	margin:0px;
	color:white;
	position: relative;
	overflow: hidden;
}
a {
	color:white;
	text-decoration: none;
}
a:hover {
	color:white;
	text-decoration: none;
}
a:visited {
	color:white;
	text-decoration: none;
}
a:active {
	color:white;
	text-decoration: none;
}
.main-container {
	height:100vh;
    overflow: hidden;
}
.left-column {
	width:200px;
	float:left;
	height:100%;
	transition: .3s;
}
.left-column.active {
	width:0px;
	opacity:0;
}
.main-content {
	margin-left:200px;
	transition:.3s;
	position: relative;
}
.main-content.active {
	margin-left:0px;
}
.main-content video {
    position:relative;
    z-index:0;
}
.left-table {
	height:100vh;
}
.exit-message {
	text-align: center;
    position:absolute; 
    left:0; right:0;
    top:0; bottom:0;
    margin:auto;
    max-width:100%;
    max-height:100%;
    overflow:auto;
    width:300px;
    height:0px;
    z-index:1;
    transition:.3s;
    opacity: 0;
    overflow: hidden;
}
.exit-message.active {
	opacity:1;
	height:300px;
}
.play-button {
	background-image:url(../images/play-button.svg);
    background-repeat:no-repeat;
    width:14%;
    height:14%;
    position:absolute;
    left:-7%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
}
.play-button.active {
	display:none;
}
.video{
	object-fit:contain;
	width:100%;
	height:100%;
}
.whiteLink {
	color:white;
}
.si {
	width:100%;
	text-align:center;
	font-family:'suisse_antique',sans-serif;
	font-size:18px;line-height:1.35;letter-spacing:2.5px;
	clear:right;
}
@media (min-width: 768px){
	.si{
		font-size:24px;line-height:1.2
	}
}
.logo_line {
	clear:both;
	width:116px;
	margin:0 auto; 
	height:1px;
	background:#fff;
	margin-bottom:5px;
	margin-top:5px;
}
.logo_link {
	padding-left:10px;
}
@media screen and (max-width: 700px) {
.left-column {
	width:100%;
	float:none;
	height:120px;
}
.left-column.active {
	height:0px;
	opacity:0;
}
.left-table {
	height:150px;
	margin:0 auto;
	margin-top:30px;
}
.main-content {
	margin-left:0px;
	transition:.3s;
	position: relative;
}
.main-content video {
    margin-top:-100px;
}
.play-button {
	position:absolute;
	top:30%;
	left:50%;
	margin-left:-7%;
	margin-top:-7%;
}
.main-content.active {
	margin-left:0px;
}
}