/*
	AREND NIJDAM 2024

	red ff3722
	green 0ec77b

*/


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

body{
	margin: 0; padding: 0;
	background:#f0f0f0;
	background-image: url('../images/bodyBg.svg');

	color: #14072e;
	font-family: 'Chakra Petch', sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
	position: relative;
	overflow: auto;
	overflow-y: scroll;
	min-height: 100%;
	padding-top: 1px;
	/*filter: hue-rotate(40deg);*/
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Orbitron', sans-serif;
	color: #14072e;
	font-weight: 500;
	margin: 8px 0px;
	padding: 0;
	line-height: 1.2;
}

h1 { font-size: 28px; }

h2 { font-size: 18px; }

h3 { font-size: 16px; }

h4, h5, h6 { font-size: 16px; }


h1.center, h2.center, h3.center, h4.center, h5.center, h6.center {
	text-align: center;
}

ul, p{
	margin: 8px 0px 16px 0px;
}

article ul li{
	margin-bottom: 4px;
}

a {
	color: #13af6f; /* a tad darker */
	text-decoration: none;
}

article a:hover{
	filter: saturate(130%) brightness(1.1);
}

img {
	border: 0;
}

.clear {
	font-size: 0;
	line-height: 0;
	margin:0; padding: 0;
	clear: both;
}

iframe{
	/*display: inline-block;*/
	margin:0; padding: 0;
	border:0;
}


img.block{
	display: block;
	width: 100%;
}

img.right{
	float:right;
	margin-left: 32px;
	margin-bottom: 64px;
}


img.left{
	float:left;
	margin-right: 16px;
}

img.shadow{
	box-shadow: 0px 0px 12px 0px rgba(100, 100, 100, .5);
}



#wrapper{
	height:100vh;
	width:100vw;
	overflow: hidden;;
}




#background_1 svg{
	position: fixed;
	z-index: 20;
	top:0;
	left: 0;
	height: 100vh;
	width: 100%;
	overflow: hidden;
}


#background_1 svg #triangle{
	/*
	fill: #94d31b; 
	fill: #1b094f;
	fill: #0ec77b;
	fill: #fcfba4;
	fill: #0ec77b;
	fill: #000;
	fill: #d2d2d2;
	fill: #f3f3f0;
	*/

	fill: #f2f1e5;
	

}

#background_2{
	position: fixed;
	z-index: 10;
	top:0;
	left: 0;
	height: 100vh;
	width: 100%;
	overflow: hidden;
}

@-webkit-keyframes rotate{ to{-webkit-transform: rotate(360deg); } }
@keyframes	       rotate{ to{        transform: rotate(360deg); } }

#background_2 .rotate{
	position: absolute;
	top:50%;
	left: 50%;
	transform-origin: 50% 50%;
	-webkit-animation: rotate 200s linear infinite; 
	animation: rotate 300s linear infinite;
}

#background_2 .rotate img{
	position: absolute;
	z-index: 15;
	top:50%;
	left: 50%;

	height: 500vh;
	width: 500vw;

	/*opacity: .05;*/

	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}


.vpWrapper_1{
	height: auto;
	width: 100%;
}

.vpWrapper_2{
	height: auto;
	width: 100%;
}

#main {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	width: 700px;
	min-height: 100vh;
}




#main #contactForm{
	background: #000000;
	color: #ddd;
	margin:0px 0px 12px 0px;
	padding: 8px 32px;
	/*border-left: 1px #ff3722 solid;*/
	position: relative;
}

#main #contactForm h2,
#main #contactForm label{
	color: #fff;
}

#main article{
	margin-top: 115px;
}

#main section{
	background:#ffffff77;
	margin:0px 0px 12px 0px;
	padding: 8px 31px 8px 32px;
	/*border-left: 1px #ff372288 solid;*/
	/*border-left: 1px #0ec77b33 solid;*/
	border-right: 1px #00000033 solid;
	max-width: 700px;
	position: relative;
}


/*#main section::after,*/
#main .sectionDeco::before{
	/*content: ' ';*/
	display: block;
	position: absolute;
	left:0;
	bottom: 0px;
	width: 100%;
	height: 1px;
	opacity: 0.3;
	background: url('../images/pixelBorderRedSprite.png') no-repeat;
	background-position:-411px -11px;
}

#main .sectionDeco-2::before{background-position:-437px -11px; }
#main .sectionDeco-3::before{background-position:-544px -12px; }
#main .sectionDeco-4::before{background-position:-715px -11px; }
#main .sectionDeco-5::before{background-position:-110px -5px; }
#main .sectionDeco-6::before{background-position:-318px -6px; }
#main .sectionDeco-7::before{background-position:-204px -19px; }
#main .sectionDeco-7::before{background-position:-323px -19px; }


#main section.p0{
	padding: 0;
}


#main section.p0 h2{
	padding: 0px 32px;
}

#main section.intro{
	padding: 32px 164px;
	text-align: center;
}

#main section.intro h1{

}

#header{
	box-sizing: border-box;
	height: 62px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	/*border-top:2px solid #ff3722;*/
	/*background-color: #fdfff2ee;*/
	/*filter: hue-rotate(40deg);*/
	/*background: linear-gradient(to bottom, #ffffffff 0px, #ffffffff 42px, #ffffff00 52px);*/

}

#header #headerWrapper{
	position: absolute;
	/*z-index: 150;*/
	top: 0px;
	left:0px;
	width: 100%;
	max-width: 700px;
	transform-origin: top left;
	transform: scale(1);
}

#header #headerWrapper canvas#logo{
	display: block;
	width: 103.67%;
}


#header .glitchLine{
	position: absolute;
	z-index: 150;
	top: 10px;
	left:0px;
	width: 100%;
	height: 1px;
	background:black;
}

#header nav{
	width: 420px;
	position: absolute;
	top: 80px;
	left: 32px;
}

#header nav ul{
	list-style: none;
	padding:0; margin:0;
	display: block;
	/*padding-right: 20px;*/
	/*background: black;*/
}

#header nav ul li{
	list-style: none;
	padding:0; margin:0;
	display: inline-block;
	margin-right: 2px;
}

#header nav ul li.hide{
	display: none;
}

#header nav ul li a{
	display: block;
	position: relative;
	overflow: hidden;
	margin:0;
	padding: 0px 12px;
	border-radius: 2px;
	background: radial-gradient(circle, #ffffff55 0%, #ffffff00 120%);
	background-color: #ff3722;

	color: #fff;
	font-size: 14px;
	
	-webkit-transition: .1s ease-in-out;
	-moz-transition: .1s ease-in-out;
	-o-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
	transition-property: background-color;

}

#header nav ul li.current a{
	/*margin-bottom: -1px;*/
	padding: 0px 32px;
	background-color: #0ec77b;
	/*padding: 0;*/
}

#header nav ul li:hover a{
	/* red */
	filter: saturate(130%) brightness(1.4);
/*	-webkit-box-shadow: 0px 0px 3px 0px #fe87a9;
	-moz-box-shadow: 0px 0px 3px 0px #fe87a9;
	box-shadow: 0px 0px 3px 0px #fe87a9;
*/}

#header nav ul li.current:hover a{
	/* green */
	filter: saturate(130%);
/*	-webkit-box-shadow: 0px 0px 3px 0px #7cf1bd;
	-moz-box-shadow: 0px 0px 3px 0px #7cf1bd;
	box-shadow: 0px 0px 3px 0px #7cf1bd;*/
}

#header nav ul li.current a::before{
	content:' ';
	display: block;
	transform: scale(1);
	background: url('../images/icon_arrow_white.svg');
	background-size:12px 12px ;
	position: absolute;
	top: 50%;
	margin-top: -6px;
	left: 12px;
	width: 12px;
	height: 12px;
}

#header nav ul li.current a::after{
	content:' ';
	display: block;
	transform: scale(1);
	background: url('../images/icon_slash_white.svg');
	background-size:14px 14px ;
	position: absolute;
	top: 50%;
	margin-top: -7px;
	right: 10px;
	width: 14px;
	height: 14px;
}





/* Lvl2 */
#header nav ul li ul{ display: none; }
/*#header nav ul li.current ul{ display: block; }*/

#header nav ul li ul{
	list-style: none;
	box-sizing: border-box;
	position: absolute;
	top:56px;
	left:-144px;
	width: 900px;
	height: auto;
	padding:0; margin:0;
	padding-left: 32px;
	padding-bottom: 8px;
	background-color: #fff;

	word-wrap: break-word; 
}

/*#header nav ul li ul:before {
	content: "\27A4";
	display: inline-block;
	width: 20px;
	color:#0ec77b;
}*/

/*
#header nav ul li ul li ul{ display: none }

#header nav ul li ul li{
	list-style: none;
	padding:0; margin:0;
	display: inline-block;
	padding-left: 12px;
}

#header nav ul li ul li.hide{
	display: none;
}

#header nav ul li ul li:first-child{
	padding-left: 0;
}

#header nav ul li ul li a{
	font-size: 14px;
	color: #000;
	text-transform:none;
}

#header nav ul li ul li.current{
	
}

#header nav ul li ul li.current a{
	padding:2px 6px;
	background: #0ec77b;
	color: #fff;
}

*/

body.page_1 #header nav ul li ul{
	display: none !important;
}



/* ---- awesome background ---- */

#backgroundCanvas{
	height:100vh;
	width:100vw;
	overflow: hidden;
	position: fixed;
	z-index: 20;
	/*opacity: 0.5;*/
	/*background: #5cc;*/
}

#borderCanvas{
	width:100%;
	min-width: 900px;
	border-top:43px #ff3722 solid;
	/*opacity: .7;*/
}


#logoGlitches{
	position: absolute;
	z-index: 100;
	top:0px;
	left: 500px;
	margin-left: -75px;
	/*margin-top: -25px;*/
	width: 125px;
	height: 50px;
	/*opacity: 1;*/
	/*background: #ff000066;*/
	/*cursor: pointer;*/
}


.blinkLines{
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 100;
	overflow: hidden;
}

.blinkLinesInner{
	position: absolute;
	left: 500px;
	top: 100px;
	width: 1px;
	height: 1px;
	transform: rotate(45deg);
	opacity: .8;
}

.blinkLinesInner:before,
.blinkLinesInner:after {
	content:'.';
	font-size: 0;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 1px;
	width: 800px;
	margin-left: -400px;
	/*background: #ff3722;*/
	/*background: radial-gradient(circle at center, #ff3722ff 0%, #ff3722ff 30%, #ff372200 100%);*/
	/*background: radial-gradient(circle at center, #0ec77bff 0%, #0ec77bff 30%, #0ec77b00 100%);*/
	background: radial-gradient(circle at center, #000000ff 0%, #000000ff 30%, #00000000 100%);
	background: radial-gradient(circle at center, #000000ff 0%, #000000ff 30%, #00000000 100%);
	
}

.blinkLinesInner:after {
	height: 800px;
	width: 1px;
	margin-left: 0;
	margin-top: -400px;
}

/* ---- portfolio-menu ---- */


.portfolio-menu ul{
	list-style: none;
	padding:0; margin:0;
	display: block;
	word-wrap: break-word; 
}

/*.portfolio-menu ul:before {
	content: "\27A4";
	display: inline-block;
	width: 20px;
	color:#0ec77b;
}*/

.portfolio-menu ul:before {
	content: "Ander werk:";
	display: inline-block;
	width: 100px;
	font-style: italic;
	font-size: 16px;
	/*color:#0ec77b;*/
}

.portfolio-menu ul li ul{ display: none }

.portfolio-menu ul li{
	list-style: none;
	padding:0; margin:0;
	display: inline-block;
	padding-right: 8px;
}

.portfolio-menu ul li:after {
	content: ", ";
}

.portfolio-menu ul li:last-child:after {
	content: "";
}

.portfolio-menu ul li.hide{
	display: none;
}

.portfolio-menu ul li a{
	color: #000;
}

.portfolio-menu ul li.current a{
	color: #0ec77b;
}




/* ---- social ---- */


#social{
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 32px;
	top: 80px;
	z-index: 300;
	width: 160px;
	transform-origin: top right;
	/*transform: scale(0.76);*/
}


#social li{
	list-style: none;
	margin: 0; padding: 0;
	margin-left: 2px;
	float: right;
}

/*#social li:first-child{
	margin-left: 0;
}*/

#social li a{
	display: block;
	padding:0; margin:0;
	width: 24px;
	height: 24px;
	min-height: 0;
	position: relative;

	/*background: #0ec77b;*/
	background: radial-gradient(circle, #ffffff55 0%, #ffffff00 120%);
	background-color: #ff3722;
	color: #fff;
	font-size: 14px;

	background-repeat: no-repeat;
	background-size: 32px;
	overflow: hidden;
	
	-webkit-transition: .1s ease-in-out;
	-moz-transition: .1s ease-in-out;
	-o-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
	transition-property: background-color;
	border-radius: 2px;
	/*border-top-right-radius: 3px;*/

}


#social li a.behance{
	background-image: url('../images/icon_social_behance_white.svg'), radial-gradient(circle, #ffffff55 0%, #ffffff00 120%);
	background-position: 54% 66%, 50% 50%;
	background-size: 36px 36px, 100%;
}

#social li a.instagram{
	background-image: url('../images/icon_social_instagram_white.svg'), radial-gradient(circle, #ffffff55 0%, #ffffff00 120%);
	background-position: 50% 51%, 50% 50%;
	background-size: 17px 17px, 100%;
}

#social li a.linkedin{
	background-image: url('../images/icon_social_linkedin_white.svg'), radial-gradient(circle, #ffffff55 0%, #ffffff00 120%);
	background-position: 45% 45%, 50% 50%;
	background-size: 15px 15px, 100%;
}

#social li a.mailform{
	background-image: url('../images/icon_social_mail_white.svg'), radial-gradient(circle, #ffffff55 0%, #ffffff00 120%);
	background-position: 50% 50%, 50% 50%;
	background-size: 32px 32px, 100%;
}

/*
#social li a{
	padding:0; margin:0;
	width: 64px;
	height: 64px;
	background: #0ec77b;
}

#social li a.behance{
	background: url('../images/icon_social_behance_white.svg') no-repeat 54% 66%;
	background-size: 40px;
	background-color: #0ec77b;
}

#social li a.linkedin{
	background: url('../images/icon_social_linkedin_white.svg') no-repeat 45% 45%;
	background-size: 36px;
	background-color: #0ec77b;
}

#social li a.mailform{
	background: url('../images/icon_social_mail_white.svg') no-repeat 50% 50%;
	background-size: 36px;
	background-color: #0ec77b;
}*/

/*#social li a{ transform: scale(.75) }*/

#social li a:hover{
	/* red */
	filter: saturate(130%) brightness(1.4);
	-webkit-box-shadow: 0px 0px 3px 0px #fe87a9;
	-moz-box-shadow: 0px 0px 3px 0px #fe87a9;
	box-shadow: 0px 0px 3px 0px #fe87a9;
}

/*
#social li a::after,
#social li a::before{
	content: ' ';
	position: absolute;
	top: 0px;
	right: -10px;
	width: 20px;
	height: 2px;
	background: white;
	transform: rotate(45deg);
}

#social li a::before{
	right: -6px;
	height: 1px;
}*/



a.close em,
#social li a em{
	display: none;
}

a.close{
	display:block;
	padding:0; margin:0; border:0;
	width: 48px;
	height: 48px;

	position: absolute;
	top: 0;
	right: 0;

	cursor: pointer;

	background: url('../images/icon_close_white.svg') no-repeat 75% 75%;
	background-size: 32px;
	background-color: #361498;
}


/* ---- Content ---- */


p.drop-cap:first-letter{
	/*color:red;*/
	font-size: 24px;
}


/* ---- Form ---- */


form,
form fieldset{
	border:0; padding:0; margin:0;
}

form label{
	display:block;
	padding-bottom:16px;
}

form label span{
	display:block;
	padding-bottom:8px;
}



form input,
form textarea{
	box-sizing: border-box;

	display: block;
	width: 100%;
	border:none;
	/*border:2px #361498 solid;*/
	/*border:2px #0ec77b solid;*/
	padding:8px 8px;
	background:#ffffff;
	color:#000;
	font-family: 'Orbitron', sans-serif;
	font-size: 14px;
}

form label.checkbox span{
	display:inline;
	float:none;
	width:auto;
}

form label.checkbox input{
	width:auto;
}

form fieldset.formButtons{
	text-align:right;
	padding:6px 0px;
	/*padding-right:10px;*/
}

a.button,
button{
	display: block;
	position: relative;
	overflow: hidden;
	border:0;
	margin:0;
	padding: 3px 12px;
	border-radius: 2px;
	background: radial-gradient(circle, #ffffff55 0%, #ffffff00 120%);
	background-color: #ff3722;

	color: #fff;
	font-family: 'Chakra Petch', sans-serif;
	font-size: 14px;
	font-weight: normal;
	cursor: pointer;
	
	-webkit-transition: .1s ease-in-out;
	-moz-transition: .1s ease-in-out;
	-o-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
	transition-property: background-color;

	float: right;
	transform: scale(1.2);
	margin-right: 5px;

}

a.button:hover,
button:hover{
	filter: saturate(130%) brightness(1.4);
}

/*
a.button.green,
button.green{
	background: #0ec77b;
}

a.close:hover,
a.button:hover,
button:hover{

}
*/

/* ---- formMessage succes --- */

.formMessage,
.formMessage.succes{
	margin: 48px 0px;
	padding: 16px;
	background: #97e798;
	color:#000;
	text-align: center;
}

.formMessage.error{
	background: #dfee57;
}

a em,
button em{
	font-style:normal;
}


body .popup{
	display: block;
	position: fixed;
	z-index: 9001; /* overlay: 9000 */
	left: 50%;
	top: 160px;
	width: 400px;
	padding: 20px;
	margin: 0px 0px 0px -210px;
	background: #fff;

	-webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.5);
}
#disclaimer.popup a{
	float: right;
}



/* footer
-------------------------------------------------------------- */

footer {
	box-sizing: border-box;
	clear:both;
	margin:0;
	padding: 8px 32px;
	/*border-left: 1px #ff3722 solid;*/
	background:#000000;	
	color: #fff;
	font-family: 'Chakra Petch', sans-serif;
	font-size: 11px;
	position: relative;
}

footer a {
	color:#fff;
	text-decoration: underline;
}


body .popup{
	display: block;
	position: fixed;
	z-index: 9001; /* overlay: 9000 */
	left: 50%;
	top: 160px;
	width: 400px;
	padding: 20px;
	margin: 0px 0px 0px -210px;
	background: #fff;

	-webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.5);
}

#disclaimer.popup a{
	float: right;
}


.portfolio-grid{
	padding: 0;
}

.row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	/*width: 100%;*/
	/*padding-left: 16px;*/
	/*padding-right: 16px;*/

}

.column {
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
	flex: 1;
	padding: 4px;
	/*margin-left: 32px;*/
	/*margin-top: 32px;*/
}



.row:first-child .column{
	margin-top: 0;
}

.column:first-child {
	margin-left: 0;
}


.page_2 .portfolio-grid .row .column{
	/*padding: 0;*/
	/*box-shadow: 0px 0px 12px 0px rgba(100, 100, 100, .25);*/
}

@media only screen and (max-width: 500px) {
	.portfolio-grid{
		display: block;
		padding: 0;
		margin:0;
	}

	.row {
		display: block;
		padding: 0;
		margin:0;
	}

	.column {
		display: block;
		/*padding: 16px 16px;*/
		margin:0;
	}

	.portfolio-grid section section.column{
		margin-bottom:32px;
		padding: 16px 32px;
	}

	section section.mob-white{
		background-color: #fff !important;
	}
}




.portfolio-grid .row .column a img{
	box-shadow: 0px 0px 12px 0px rgba(100, 100, 100, .25);
}

.portfolio-grid .row .column a:hover img{
	/*opacity: .7;*/
	transform: scale(1.01)

}


/*background: #1b094f;*/ /* dark purp */
/*background: #0ec77b;*/ /* green */
/*background: #fcfba4;*/ /* yellow */
/*background: #0ec77b;*/ /* pink */
/*background: #d2d2d2;*/ /* gray */


/* slider */

.sliderFrame{
	position: relative;
	width: 100%;
	height: 300px;
	overflow: hidden;
}
.sliderContent{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 300px;
	overflow: hidden;
	padding-top: 16px;
}

.sliderContent iframe{
	display: block;
	margin: 0px auto;
	/*background-color: #f3f3f0;*/
	background: url('../images/icon_loader.svg') no-repeat 50% 50%;

	clear: both;
}

.ctrlBar{
	text-align: center;
	padding:0px 32px;
	clear: both;
}

.ctrlBarBottom{
	padding-top: 4px;
}


.sliderFrame .prev,
.sliderFrame .next{
	position: absolute;
	top:90px;
	right:32px;
	width: 24px;
	height: 24px;
	padding:0;
}

.sliderFrame .prev img,
.sliderFrame .next img{
	width: 14px;
	margin:5px 0px 0px 5px;
}

.sliderFrame .prev{
	right:auto;
	left:32px;
}

.sliderFrame .prev img{
	transform: rotate(180deg);
}

@media only screen and (max-width: 570px) {
	.sliderFrame .next{ top:264px; right:16px; }
	.sliderFrame .prev{ top:264px; left:16px; }
}

/*
	SIBLING MENU
*/

.sibling-menu{
	padding-top: 16px;
	padding-bottom: 16px;
	text-align: center;
	overflow: auto;
}

.sibling-menu .prev{
	float: left;
	font-size: 13px;
}

.sibling-menu .next{
	float: right;
	font-size: 13px;
}

.sibling-menu .title{
	color:#24c67e;
	font-size: 13px;
}



.sibling-menu a,
.ctrlBar a{
	/*color:#0ec77b;*/
	color: #ff3722;
}

.sibling-menu a:hover,
.ctrlBar a:hover{
	filter: brightness(2);
}


.sibling-menu span a img,
.ctrlBar span a img{
	display: inline-block;
	width: 12px;
	height: 12px;
	transform: translate(0px, 1px);
}


.sibling-menu span.prev a img,
.ctrlBar span.prev a img{
	transform: rotate(180deg);
}





/* Media Queries! */



@media only screen and (max-width: 700px) {
	#borderCanvas{
		border-top-width: 41px;
	}
}

@media only screen and (max-width: 600px) {
	#borderCanvas{
		border-top-width: 35px;
	}

	#social,
	#header nav{
		top:50px;
	}
}

@media only screen and (max-width: 500px) {
	#borderCanvas{
		border-top-width: 30px;
	}

	#social,
	#header nav{
		top:45px;
	}
}

@media only screen and (max-width: 400px) {
	#borderCanvas{
		border-top-width: 25px;
	}

	#social{
		top:40px;
		transform-origin: top right;
		transform: scale(0.9);
	}

	#header nav{
		top:40px;
		transform-origin: top left;
		transform: scale(0.9);
	}
}

@media only screen and (max-width: 320px) {
	.sibling-menu .title{ display: none }
}


@media only screen and (max-width: 700px) {
	#main{
		width: auto;
	}
	
	#main section.intro{
		padding-left: 64px;
		padding-right: 64px;
	}
}

@media only screen and (max-width: 570px) {


	#header nav{
		left: 16px;
	}

	#social{
		right: 16px;
	}

	#main section{
		padding: 8px 15px 8px 16px;
	}

	#main #contactForm,
	footer{
		padding: 8px 16px;
	}

	#main section.intro{
		padding-left: 16px;
		padding-right: 16px;
		text-align: left;
	}

	#main section.p0 h2{
		padding: 0px 16px;
	}

	a.button,
	button{
		font-size: 14px;
	}

}


@media only screen and (max-width: 520px) {
	#main article{
		margin-top: 80px;
	}
}


/* spreadshirt! */


.SprdMain .sprd-info-footer,
.SprdMain .sprd-legal-footer,
.sprd-footer{
	/*padding:0;*/
	background:white !important;
	color: #888 !important;
}

footer.sprd-footer{
	border:0;
}