@charset "UTF-8";
/* CSS Document */
	html {
		height:100%;
		overflow:hidden;
	} 
	body { 
		margin:0; 
		background: rgba(241,70,38,1) !important;
		font-size:20pt;
		overflow:none;
		color: #fff;
		font-family: roc-grotesk, sans-serif;
	}
	#container {
		width: 99vw;
		top: 0;
		padding:6vh 0 0 0;
		position: relative;
		display:block;
		margin:0 auto;
	}
	.index #container {
		top:20vh;
	}
	.contact #container {
		max-width:350px;
	}
.contact a, .contact a:hover, .contact a:visited {
	color:#fff;
}
	#logo {
		display:block;
		margin:0;
		width:100%;
		left:0;
		position: relative;
		height:auto;
		
	}
	#caption {
		position: relative;
		width: 51%;
		left: 13%;
		top:-2vw;
		height: auto;
		margin:0;
		display:none;
	}
	#claim {
		position: relative;
		width: 55%;
		left: 9%;
		top:-2vw;
		height: auto;
		margin:0;
	}
	#content {
		font-weight: 300;
		width: 78%;
		position: relative;
		left:5%;
		padding:4em 2em;
		/*background: url("img/frame.png") no-repeat center top;*/
		background-size:contain;
		top:7vh;
		height: auto;
		min-height:40vw;
	}
	.btn {
		display:block;
		float:left;
		clear: both;
		background: #fff;
		height:1.6em;
		color:rgba(241,70,38,1) !important;
		text-decoration: none;
		font-weight: 800;
		border-radius: 1em;
		padding:0.4em 13px 0;
		margin:0 0 0 -5px;
		vertical-align: center;
		position:absolute;
		z-index: 999;
		cursor: pointer;
	}
#top {
	float:right;
}
.contact h1 {
	font-family: eckmannpsych-medium, sans-serif; font-size:60px; width:300px; padding:0; text-align: left;
}
.contact h2 {
	margin:40px 0 0 0; 
	padding:0;
}
	#nav-bottom {
		position: absolute;
		bottom: calc(2.5vh - 0.8em);
		right: 5vh;
		margin: 0;
		cursor: pointer;
	}
#nav-bottom a, #nav-bottom a:visited, #nav-bottom a:hover {
	color:#fff;
	text-decoration: none;
}
	
#btn-contact {
	position: relative;
	text-align: center;
	width: 180px;
	float: none;
	margin:0 auto;
	top:11vh;
}
.contact .btn, .contact #btn-contact {
	margin:5px 0 30px -5px;
	top:0;
}
	#frame {
		width:100%;
		height:60vh;
		margin:0;
		position: absolute;
		left:0;
		top:-1vh;
		display:block;
		max-height:650px;
		min-height:320px;
		z-index:0;
		
	}
	#miro {
		width: 100vw;
		height: 100vh;
		position: absolute;
		top:100vh;
		z-index:5;
	}
	iframe {
		width: calc(100vw - 10vh);
		height: 90vh;
		top: 5vh;
		left: 5vh;
		position: relative;
		border-radius: 10px;
	}
	marquee {
		font-family: roc-grotesk, sans-serif;
		font-weight: 400;
		font-style: normal;
		position: fixed;
		bottom:1.5vh;
		color:#fff;
	}
	#manifesto {
		width: 100vw;
		height: 100vh;
		position:fixed;
		z-index: 0;
		display:none;
		color:#fff;
		margin:0;
	}
	.description {
		max-width: 600px;
		text-align: center;
		margin: 0 auto;
		font-size:2em;
		display: block;
		position: relative;
		top:50px;
		color:rgba(241,70,38,1);
		height:5em;
	}
#wirsind {
	background: url("wirsind.png") no-repeat;
	background-size:contain;
	margin-top:-5em;
}

	@media screen and (min-device-width: 768px) {
		#container {
			width:70vw;
			max-width:800px;
		}
		body {
			font-size:11pt;
		}
		#frame {
			max-height:350px;
		}
		#text {
			max-width:500px;
		}
		#content {
			padding:4em 3em;
		}
	}