@media (min-width: 800px) and (max-width: 1218px) {
	.dark, 
	#parallaxback, 
	section.round{ 
		display: none;
	}
}

@media (max-width: 800px) {
	
	/*typo*/
		
	body{
		margin: 0;
		padding: 0;
		font-size: 16px;	
		line-height: 1.5em;
	}
	h1{
		font-size: 1.618em;
		font-weight:800;
		margin: 0px 0 15px 0;
	}
	h2{
		margin: 20px 0 5px 0;
		font-size: 1.597em;
		font-weight: 500;
	}
	p{
		font-size: 1em;
		line-height: 1.5em;
	}
	#headtext p{
		color: #000;
		font-size: 1.618em;
		text-align: left;	
	}

	.whitetext{
		color: rgba(255, 255, 255, 1);
	}
	
	/*layout*/
	
	#wrapper{
		width: 100%;
		margin: 0;
	}
	
	header{
		width:100%;
		top: 0;
		z-index: 0; /* belangrijk voor het menu! maar kan problemen veroorzaken voor de rest van de website */
		height: 100%; /* belangrijk voor het menu! */
		background:none;
	}
	#main-nav,
	#links,
	#links a,
	.background,
	.fullscreen,
	.parallax,
	.not-fullscreen, 
	#headcontent, 
	#headtext,
	.dark, 
	.blueone, 
	.bluetwo, 
	#blueheight, 
	#parallaxback, 
	section.round,
	footer
	{ 
		display: none;
	}
	
		/*nav*/
		nav.mobile-nav{
			float: left;
		}

		.mobilebutton{
			clear: both;
			display: block;
			margin-top: 2%;
		}
		
		#go-back{
			margin: 80px 0 0 30%;
			color: rgba(0, 0, 0, 1);
			text-decoration: none;
			font-size: 1em;
		}
		#go-back:hover{
			color: rgba(0, 158, 229, 1);
		}
			/*einde nav*/
		
		.midcontentwrap{
			margin: 0 auto;
			width: 90%;
		}
		
		.midcontent{
			width: 90%;
		}
		
		section .paddingsection{
			padding-top: 60px;
		}
		
		.bright{
			z-index: 5;
		}
		
		.threecolumns{
			-webkit-columns: 100px 1; /* Chrome, Safari, Opera */
			-moz-columns: 100px 1; /* Firefox */
			columns: 100px 1;
		}
		/* Einde nav */
	
	#contacttemplate{
		background-color: rgba(225, 225, 225, 1);
		padding: 30px 0px;
		z-index: 200;
	}
		
	#contactform{
		width: 100%;
	}
	
	.sendemailform > input{
		margin-bottom: 12px;
		padding: 2px;
		width: 100%;
		height: 50px;
	}
	.sendemailform > input, sendemailform textarea{
		margin-bottom: 13px;
		padding: 2px;
		width: 100%;
	}
		
	.sendemailform > textarea{
		width: 100%;
		height: 300px;
		float: left;
	}
		
	#sendbuttonmid{
		width: 200px;
		margin: 0 auto;
	}
		
	#sendbuttonmid > .button
	{
		margin: 20px auto;
		width: 200px;
		height: 40px;
	}
	
	#admin-login{
		display:none
	}
	
	/*einde layout*/
}