html, body {
	margin: 0;
	padding: 0;
}

body {
	background : #f2f2f2;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
	color: #333;
}

#pages > div {
	margin-bottom: 70vh;
}

.parallax_stack {
	margin: 0 auto 0 auto;
	overflow: hidden;
	transform: translate3d(0,0,0);
	backface-visibility: hidden;
}

.parallax_stack > div {
	transform: translate3d(0,0,0);
	transform-style: preserve-3d;
	backface-visibility: hidden;

}

.parallax_stack img {
	transform: translate3d(0,0,0);
	backface-visibility: hidden;
	image-rendering: pixelated;
}

.spacer {
	height: 26vh;
}

#container {
	padding: 0 0;
}

#header {
	padding: 50px;
	display: -webkit-flex;
	display: flex;
	align-items: stretch;
	flex-direction: row;
}

#header .one {
	text-align: left;
	order: 1;
}

#header .two {
	text-align: center;
	order: 2;
}

#header .three {
	text-align: right;
	order: 3;
}

h1 {
	margin: auto;
	padding: 35vh 0 6px 0;
	font-size: 50px;
	height: 50px;
	transform-origin: center center;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	pointer-events: none;
    animation-name: headerRotate;
    animation-duration: 16s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    word-spacing: -1px;
}

.no-break {
	display: inline-block;
	white-space: nowrap;
}

h1 span {
	display: inline-block;
	transform-origin: center center;
    animation-name: headerSpanRotate;
    animation-duration: 16s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
}

@keyframes headerRotate {
    0%   {transform: skewY(30deg) rotateY(-20deg) }
    50%  {transform: skewY(-30deg) rotateY(20deg) }
    100% {transform: skewY(30deg) rotateY(-20deg) }
}

@keyframes headerSpanRotate {
    0%   {transform: skewY(-30deg) rotateY(20deg)}
    50%  {transform: skewY(30deg) rotateY(-20deg)}
    100% {transform: skewY(-30deg) rotateY(20deg)}
}


h1 a {
	pointer-events:auto;
}

a {
	color: #333;
	text-decoration: none;
}

a.active {
	color: #aaa;
}

a:hover {
	/*color: #000;*/
}

.col {
	width: 33.333%;
}

ul {
	margin: 0;
	padding: 0;
}

ul li {
	display:block;
	margin:0;
	padding:0;
}

@media screen and (max-width : 600px) {
	html, body {
		font-size: 24px;
	}

	#header {
		flex-direction: column;
	}

	#header .one {
		order: 1;
	}

	#header .two {
		order: 3;
		padding-bottom: 0px;
	}

	#header .three {
		padding-top: 24px;
		text-align: left;
		order: 2;
	}

	h1 {
		font-size: 65px;
		padding-top: 15vh;
	}

	.col {
		width: 100%;
	}
}