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

	.hlfcntr .hlf.txt.l {
		padding-right: 150px;
	}

	.hlfcntr .hlf.txt.r {
		padding-left: 150px;
	}

	#topmenu .buttons a {
		font-size: 18px;
	}

	.blocks {
		max-width: 1600px;
	}



}


@media screen and (max-width: 2050px){
	.hlfcntr .hlf.txt.l {
		padding: 80px;
	}

	.hlfcntr .hlf.txt.r {
		padding: 80px;
	}
}

@media screen and (max-width: 1400px){
	#hero h1 {
		max-width: 80%;
		font-size: 60px;
	}

	.bldm {
		max-height: 400px !important;
	}

	.hlfcntr .hlf.txt {
		padding: 80px;
	}
}


@media screen and (max-width: 1200px){
	#topmenu .buttons a {
		padding: 10px 5px;
	}

	#topmenu .buttons {
		padding-right: 20px;
	}

}


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

	#hamburger {
		display: block;
		position: absolute;
		top: 20px;
		right: 20px;
		color: #fff;
		font-size: 30px;
	}

	#mobilemenu {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: #000;
		z-index: 100;
		padding: 10vw 0px 0px 10vw;
		color: #fff;
	}

		#mobilemenu a {
			color: #fff;
			display: block;
			padding: 10px;
			font-size: 14px;
		}

		#mobilemenu .sluit {
			position: absolute;
			bottom: 30px;
			right: 30px;
			z-index: 10;
			font-size: 3vh;
		}

	#topmenu .buttons {
		display: none;
	}

	.hlfcntr, .blocks, .hlfcntr {
		grid-template-columns: 1fr;
	}

	.hlfcntr .hlf.txt.l, .hlfcntr .hlf.txt.r {
		padding: 10px;
	}

	.mt {
		margin-top: 50px !important;
	}

	#footer .center .r {
		padding: 50px;
	}

	#footer .center .logo {
		position: relative;
		top: auto;
		left: auto;
		margin-bottom: 50px;
	}

	.hlfcntr .hlf.txt {
		padding: 10px;
	}

	.bldm {
		margin: 0px;
	}

	#footer .logo img {
		max-width: 100%;
	}

}