@font-face {
	font-family: "Font";
    src: url("Webfont.woff") format('woff');
}

body, html {
	overflow: hidden;
	font-family: 'Font', Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: min(7.6vw, 75px);
	color: #222222;
	width: 100%;
	height: 100%;
	text-decoration: none;
	line-height: 1.3em;
	background-color: #9ba5a5;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-smooth: always;
	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}

body * {
    -webkit-text-size-adjust: none !important;
    -moz-text-size-adjust: none !important;
    -ms-text-size-adjust: none !important;
}

.text {
	position: absolute;
	top: 2.5vw;
	left: 4.5vw;
	z-index: 99;
	display: block;
	padding: 0;
}

.trigger {
	width: 100vw;
	height: 100vh;
	pointer-events: none;
}

.invisible {
	visibility: hidden;
}

#c {
	display: none;
}

#mobilecanvas {
	z-index: 1;
	overflow: hidden;
	background-color: #9ba5a5;
	display: block;
}

#mobileclick {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 999;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
}

#fulltext {
	opacity: 1;
}

/*#A {
	-webkit-animation: 0s ease-out 1s normal both 1 fadein;
    animation: 0s ease-out 1s normal both 1 fadein;
}

#G {
	-webkit-animation: 0s ease-out 1.5s normal both 1 fadein;
    animation: 0s ease-out 1.5s normal both 1 fadein;
}*/

#p1 {
/*	-webkit-animation: .1s ease-in 1.15s normal both 1 fadein;
    animation: .1s ease-in 1.15s normal both 1 fadein;*/
    padding: 0;
    margin: 0;
    display: none;
}

#contact {
	position: fixed;
	bottom: -100vh;
/*	-webkit-animation: .5s cubic-bezier( 0.215, 0.61, 0.355, 1 ) 1s normal both 1 slide;
    animation: .5s cubic-bezier( 0.215, 0.61, 0.355, 1 ) 1s normal both 1 slide;
*/}

#email {
	margin-top: .7em;
	padding: 0;
}

.tel {
	display: none;
}

.tel-link {
	display: inline;
	margin: 0;
	padding: 0;
	line-height: inherit;
}

@keyframes fadein {
    0% { color: rgba(34, 34, 34, 0); }
    100% { color: rgba(34, 34, 34, 1); }
}

@-webkit-keyframes fadein {
    0% { color: rgba(34, 34, 34, 0); }
    100% { color: rgba(34, 34, 34, 1); }
}

@keyframes slide {
    0% { bottom: -60vh; }
    100% { bottom: 4vw; }
}

@-webkit-keyframes slide {
    0% { bottom: -60vh; }
    100% { bottom: 4vw; }
}

div {
	display: block;
}

canvas {
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
}

p {
	margin-top: 0;
	margin-bottom: 0;
}

.link:link, .link:visited, .link:focus, .link:hover, .link:active, .tel-link:link, .tel-link:visited, .tel-link:focus, .tel-link:hover, .tel-link:active {
	color: inherit;
	font-family: 'Font', Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-style: normal;
	text-decoration: none;
	margin-bottom: 50px;
	border-bottom: .065em solid;
}