*{
	box-sizing:border-box;
}
html,body{
	padding:0;
	margin:0;
	border:0;
	width:100%;
	height:100%;
	overflow:hidden;
	font-family:Arial,sans-serif;
	color:#000000;
	font-size:1.05vw;
}
#root{
	position:relative;
	width:100%;
	height:100%;
}
#content{
	z-index:1;
}
#content img {
	width:100%;
}
#interface{
	z-index:2;
}
.interbutton{
	position:absolute;
	/* border:1px solid red; */
	cursor:pointer;
}
#video,#interface,#content{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#content{
	z-index:1;
}
#interface{
	z-index:3;
}
#video{
	z-index:3;
}
video{
	width:100%;
	height:auto;
}
#debug{
	position:absolute;
	border:1px solid blue;
	z-index:10;
}

#home{
	position:absolute;
	top:4%;
	left:2%;
	height:6.5%;
	display:none;
	z-index:10;
	cursor:pointer;
}
#home img, #back img, .slider-prev img, .slider-next img, .link img{
	height:100%;
	width:auto;
}
#home img:last-child{ display:none; }
#home.hover img:first-child{ display:none; }
#home.hover img:last-child{ display:inline-block; }

#back{
	position:absolute;
	top:4%;
	left:6.7%;
	height:6.5%;
	display:none;
	z-index:10;
	cursor:pointer;
}

#back img:last-child{ display:none; }
#back.hover img:first-child{ display:none; }
#back.hover img:last-child{ display:inline-block; }

#overlay{
	position:absolute;
	opacity:0;
	top:0;
	bottom:0;
	right:0;
	left:55%;
	background-color:rgba(255,255,255,0.8);
	padding:1.5vw;
}

.float-image{
	float:right;
	width:27%;
	margin-left:1.6vw;
	min-height:100px;
}
.float-image img{
	width:100%;
	height:auto;
}
.text{
	overflow:hidden;
	line-height:1.5em;
}

#slider{
	position:relative;
	margin-bottom:2.1vw;
}
.slider-images{
	position:relative;
	width:60%;
	height:25vh;
	text-align:center;
	margin:0 auto;
}
.slider-image{
	width:100%;
	position:absolute;
	opacity:0;
}
.slider-image:first-child{
	opacity:1;
}
.slider-image img{
	width:100%;
	height:auto;
}
.slider-prev,.slider-next{
	position:absolute;
	top:calc(50% - 2vw);
	left:0;
	height:4vw;
}
.slider-next{
	left:auto;
	right:0;
}
.slider-next img:last-child{ display:none; }
.slider-next.hover img:first-child{ display:none; }
.slider-next.hover img:last-child{ display:inline-block; }
.slider-prev img:last-child{ display:none; }
.slider-prev.hover img:first-child{ display:none; }
.slider-prev.hover img:last-child{ display:inline-block; }

.links{
	position:absolute;
	bottom:2vw;
	left:2vw;
	height:10.0%;
}
.links a{
	text-decoration:none;
}
.link img{
	position:relative;
	left:-5px;
}
.link{
	text-align:center;
	color:#004c42;
	font-size:0.7vw;
	display:inline-block;
	margin-right:1vw;
	line-height:1.4em;
	height:60%;
}
.link a{
	color:#004c42;
}

#iframe{
	display:none;
	position:absolute;
	border:0;
	left:5vw;
	right:5vw;
	top:4vw;
	bottom:4vw;
	z-index:10;
}
.iframe-close{
	position:absolute;
	right:0;
	top:-3.5vw;
	width:3vw;
	height:auto;
}

h1{
	color:#004c42;
	font-size:2.1vw;
	margin:0.67em 0;
}