@font-face {
    font-family: 'AktivGroteskBold';
    src: url('res/final/AktivGroteskBd.woff');
}

@font-face {
    font-family: 'AktivGroteskLight'; 
    src: url('res/final/AktivGrotesk_WSyst_Lt.woff');
}


html
{
	width: 100%;
}
body
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	position: relative;
	display: block;
	padding-bottom: 56.25%;
	-webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: none;
	overflow: hidden;
}
canvas, #box
{
	display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	margin-left: 50%;
	-webkit-transform: translatex(-50%);
	transform: translatex(-50%);
	width: 100%;
}
#overlayText {
  position: absolute;
  left: 50%;
  top: 25%;
  width: 35%;
  transform: translatex(-50%);
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  font-size: 2vw;
  display: none;
}