@charset "UTF-8";
/* -- normalize -- */
@import url("partials/normalize.css");
/* -- typography -- */
@import url("partials/typography.css");
/* -- the grid -- */
@import url("partials/grid.css");

html, body {
	height: 100%;
}

body {
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	text-align: center;
	background: #000;
	color: #fff;
	-webkit-perspective: 500;
	perspective: 500;
}
a {
	text-decoration: none;
	color:#fff;
}
a:hover {
	text-decoration: underline;
}

#top, #bottom, #left, #right { display:none; }

/* -- wrapper -- */
.fullscreen {
	position: relative;
	width: 100vw;
	height: 100vh;
	margin: 0 auto;
}
.fullwidth {
	position: relative;
	width: 100vw;
	margin:0;
	padding:0;
}
.fixedwidth {
	position: relative;
	width:100vw;
	margin: 0 auto;
}

/* -- background images -- */
.fixed-bg {
	max-width:1024px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.scrolling-bg {
	max-width:1024px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
/* -- identity -- */
.identity {
	background-image: url(../img/ps-teaser-1.jpg);
}
.identity h1 {
	position: absolute;
	font-size:155vh;
	line-height: 50vh;
	text-align: center;
	letter-spacing:-0.175em;
	padding: 0;
	margin: 0;
    top: 50%;
    left: 50%;
    margin-right: -50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


@media all and (min-width : 1025px){
	/* -- wrapper -- */
	.fullwidth {
		width: 100%;
		padding:0;
		margin:0;
	}
	.fixedwidth {
		max-width: 1024px;
	}
	/* -- sections -- */

	/* -- Content -- */
	.post{
		text-align:left;
		position:relative;
		padding:0.5em 1.75em;
	}
	.identity p,
	.work-teaser p,
	.portrait p {
		padding:0 25%;
	}
	/* -- Background-Images -- */
	.fixed-bg {
		max-width:100%;
		background-attachment: fixed;
		min-height: 100%;
	}
	.scrolling-bg {
		max-width:100%;
	}
	
	#top, #bottom, #left, #right {
		display:block;
		background: #fff;
		position: fixed;
		z-index: 9980;
	}
	#left, #right {
		top: 0; bottom: 0;
		width: 24px;
	}
	#left { left: 0; }
	#right { right: 0; }
	#top, #bottom {
		left: 0; right: 0;
		height: 24px;
	}
	#top { top: 0; }
	#bottom { bottom: 0; }
}

/* Portrait tablet to landscape */
@media all and (min-width: 768px) {
	.imprint p {
		padding:0 25% 0;
	}
	.headerimg {
		position:absolute;
		width:100%;
		height:100%;
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.overlayer {
		display:block;
	}
}