@media all and (max-width: 1500px) {
	.header {height: 400px;}
}

@media screen and (max-width:1120px){
	.header {height: 400px;}
	.copy {font-size: 16px; line-height: 20px;}
	.stappenplan h4 {font-size: 14px;}
	.stappenplan p {font-size:14px;}
	.form-group input {font-size: 14px;}
	.form-group button {font-size: 14px;}
}

@media screen and (max-width:960px){
	.header {height: 300px;}
	.copy {font-size: 16px; line-height: 20px;}
	.stappenplan h4 {font-size: 14px;}
	.stappenplan p {font-size:14px;}
	.form-group input {font-size: 14px;}
	.form-group button {font-size: 14px;}
}
	
@media screen and (max-width:640px){
	.copy {font-size: 14px; line-height: 22px;}
	.header {height: 200px;}
	.baseline img {width: 50px;}
	.logo img {width: 75px;}
	.didditplan {width: 100%; margin: 0px;}
	.diddit img {width:100px;}
	.knp img {width: 100px;}
	.knooppuntplan {width:100%; margin: 0px;}
	.stappenplan h4 {font-size: 14px;}
	.stappenplan p {font-size:14px;}
	.ready p {text-align: left;}
	.form-group input {width: 100%; margin: 0px 0% 5px 0%; height: 35px; padding: 10px; font-size: 14px;}
	.form-group button {width: 100%; margin: 5px 0%; height: 35px; font-size: 14px;}
	.klantendienst p {text-align: left;}
	.footer img {width: 20%; margin:0px 40%;}
}

@media screen and (max-width:480px){
	.copy {font-size: 14px; line-height: 22px;}
	.header {height: 200px;}
	.baseline img {width: 50px;}
	.logo img {width: 75px;}
	.didditplan {width: 100%; margin: 0px;}
	.diddit img {width:100px;}
	.knp img {width: 100px;}
	.knooppuntplan {width:100%; margin: 0px;}
	.stappenplan h4 {font-size: 14px;}
	.stappenplan p {font-size:14px;}
	.ready p {text-align: left;}
	.form-group input {width: 100%; margin: 0px 0% 5px 0%; height: 35px; padding: 10px; font-size: 14px;}
	.form-group button {width: 100%; margin: 5px 0%; height: 35px; font-size: 14px;}
	.klantendienst p {text-align: left;}
	.footer img {width: 90px; margin:0px;}

}


