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

	body, html {
		font-size: 11pt;
	}
	
}




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

	.disappearcol {
		width: 0 !important;
		padding: 0 !important;
	}
	
	.growcol11 {
		width: calc( 16.6666666667% + 16.6666666667%);
	}
	
	.growcol21 {
		width: calc( 33.3333333333% + 16.6666666667%);
	}
	
	.growcol22 {
		width: calc( 33.3333333333% + 16.6666666667% + 16.6666666667%);
	}
	
	.growcol32 {
		width: calc( 50% + 16.6666666667% + 16.6666666667%);
	}
	
	.growcol3 {
		width: calc( 50% + 16.6666666667%);
	}
	
	.growcol42 {
		width: 100%;
		padding-left: 2em !important;
		padding-right: 2em !important;
	}
	
	.growcol1-25 {
		width: 25%;
	}
	
	.certificeringen {
		padding: 2em !important;
	}
	
	.socials {
		padding-right: 2em !important;
	}
	
	.uspcol ul {
		padding: 0;
	}
	
	.logocol svg:not(.hamburger) {
		height: 3em;
	}
	
	.menuspacer {
		height: 5em;
	}
	
	.ctacol a {
		padding: .25em;
		padding-top:.75em;
		padding-left: 1.5em;
	}
	
	.menucol .menu li a {
		padding: .5em;
	}
	
}

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

	body, html {
		font-size: 11pt;
	}

	.ctacol a svg {
		display: inline-block;
		margin-right:.5em;
	}
	
	.fixmenu .ctacol {
		display: none;
	}
	
	
	.hamburger {
		display: block;
		position: absolute;
		right: 2em;
		top:1.5em;
		height: calc(100% - 3em);
		width:auto;
		cursor: pointer;
		fill:black;
		opacity: 1;
		transition: fill .5s, opacity .5s;
	}

	.hamburger:hover {
		fill:#d90000;
	}
	
	.hamburgerclose {
		position: fixed;
		top:2em;
		right: 2em;
		height: 2em;
		width:auto;
		cursor: pointer;
		fill:black;
		transition: fill .5s;
		z-index: 999;
		overflow: visible !important;
	}
	
	.hamburgerclose:hover {
		fill:#d90000;
	}
	
	.hamburgerclose .st1 {
		transform: rotate(45deg);
		transform-origin: 8% 3%;
	}
	
	.hamburgerclose .st2 {
		transform: rotate(135deg);
		transform-origin: 35% 27%;
	}
	
	.hamburgermenu {
		position: fixed;
		top:0;
		bottom: 0;
		right: 0;
		left: 0;
		background: rgba(255,255,255,.95);
		z-index: 999999;
		box-sizing: border-box;
		padding: 2em;
		overflow-y: auto;
		display: block;
		opacity: 0;
		pointer-events: none;
		transition: opacity .5s;
	}
	
	
	.hamburgermenuactive .hamburgermenu {
		pointer-events: initial;
		opacity: 1;
	}
	
	.hamburgermenuactive .hamburger {
		opacity: 0;
	}
	
	.hamburgermenuactive {
		overflow: hidden;
	}
	
	.hamburgermenu ul {
		list-style: none;
		margin: 0;
		padding: 0;
		padding-bottom: 1em;
	}
	
	.hamburgermenu ul li a, .extra-hamburgeritem {
		font-size: 1.3em;
		margin: .2em 1em;
		padding: .05em .5em;
		display: inline-block;
		border-bottom: .25em solid transparent;
		transition: border .5s, padding .25s;
		font-weight: 700;
	}
	
	.hamburgermenu .sub-menu li a {
		font-weight: 300;
	}
	
	.hamburgermenu .sub-menu li a:hover {
		border-bottom: .25em solid #d90000;
		font-weight: 300;
	}
	
	.wmsbutton a {
		border: .25em solid #d90000 !important;
		background: #d90000;
		color: white;
		padding: .5em 1em !important;
		transition: background .5s, color .5s !important;
	}
	
	.wmsbutton a:hover {
		border: .25em solid #d90000 !important;
		background: none;
		color: #d90000;
	}
	
	.hamburgermenu .sub-menu {
		padding-left: 2em;
	}

	.top {
		display: block;
	}
	
	.col, .contentrow {
		width: 100%;
		display: block;
	}
	
	.menucol {
		display: none;
	}
	
	.visualcol {
		min-height: 20em;
		background-position: top center;
	}
	
	.imgcolpad {
		padding: 0;
	}
	
	.leftpad, .rightpad {
		padding: 2em;
	}
	
	.certificiringentitle {
		display: block;
		text-align: center;
		margin-bottom: 1em;
	}
	
	.cert {
		height: auto;
		width:50%;
		padding: 2em;
		box-sizing: border-box;
		margin: 0;
	}
	
	.cert img {
		height: auto;
		width: 100%;
		vertical-align: middle;
	}
	
	.footerrow .col {
		padding: 1em 2em;
	}
	
	.klantenvertellen .col2 {
		border: 0 !important;
	}
	
	
}

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


}