/* hamburger menu breakpoint */
@media only screen and (max-width: 1400px) {
    .et_pb_menu .et_pb_menu__menu {
        display: none;
    }
    .et_mobile_nav_menu {
        display: block;
    }
}

/* hamburger in footer */
@media only screen and (max-width: 1400px) {
	#footer-upper-part .et_pb_menu__menu {
		display: flex!important;
	}
	
	#footer-upper-part .et_mobile_nav_menu {
		display: none!important;
	}
}

@media only screen and (max-width: 980px) {
	#footer-upper-part .et_pb_menu__wrap {
		justify-content: flex-start !important;
	}
}


/* sticky knop */
@media only screen and (max-width: 1100px) {
    #sticky-section {
		top: auto !important;
		bottom: 5vh;
		right: 10px !important;
	}
}







@media only screen and (max-width: 1215px) {
    #usp-row .usp-column {
		width: 250px !important;
	}
}

@media only screen and (max-width: 985px) {
   /* #usp-row {
		flex-direction: column;
	}
	
	#usp-row .usp-column {
		margin: auto !important;
		margin-bottom: 15px !important;
	}*/
	#usp-row .usp-column {
		width: 200px !important;
	}
	
	#usp-row .usp-column .et_pb_image {
		width: 40px !important;
		height: 40px !important;
		max-width: 40px !important;
		max-height: 40px !important;
		min-height: 0 !important;
		margin-top: 30px;
	}
	
	#usp-row .usp-column .et_pb_image img {
		max-width: 25px !important;
		max-height: 25px !important;
	}
}

@media only screen and (max-width: 800px) {
   /* #usp-row {
		flex-direction: column;
	}
	
	#usp-row .usp-column {
		margin: auto !important;
		margin-bottom: 15px !important;
	}*/
	#usp-row {
		flex-direction: column;
		margin-top: 0px !important;
		
	}
	
	#usp-row .usp-column {
		margin: auto !important;
		margin-bottom: 25px !important;
		width: 303px !important;
	}
	#usp-row .usp-column .et_pb_image {
		width: 50px !important;
		height: 50px !important;
		max-width: 50px !important;
		max-height: 50px !important;
		min-height: 0 !important;
		margin-top: 0 !important;
	}
	
	#usp-row .usp-column .et_pb_image img {
		max-width: 35px !important;
		max-height: 35px !important;
	}
}

@media only screen and (max-width: 600px) {
	.dtq-cf7-styler form p:nth-of-type(-n + 5) {
		display: block !important;
		width: 100% !important;
	}
}



/* onderhoudscontracten */
@media only screen and (max-width: 1400px) {
	#contracten-row-1 {
		display: flex;
	  	flex-wrap: wrap;
	  	gap: 20px;
	}
	
	#contracten-row-1 .et_pb_column {
    	flex: 0 0 calc(50% - 10px); /* 2 naast elkaar */
		box-sizing: border-box;
		margin: 0;
  	}
	
	#contracten-row-1 .et_pb_column .et_pb_heading {
		width: auto;
		height: auto;
	}
}

@media only screen and (max-width: 800px) {
	#contracten-row-1 {
    	flex-direction: column; /* Stapelt de kolommen onder elkaar */
  	}
	
	#contracten-row-1 .et_pb_column {
    	flex: 0 0 100%;
    	max-width: 100%;
		width: 100%;
		margin-left: auto;
		margin-right: auto !important;
	}
}

#samen-row {
	position: relative;
	padding: 0;
	height: 450px;
	border-bottom: 3px solid black;
}

#samen-paragraaf {
	position: absolute;
	right: 0;
	width: 1050px;
	top: 190px;
}

#samen-right-column {
	padding-top: 270px;
}

#samen-tekst {
	white-space: nowrap;
/*	width: 957px;*/
	position: absolute;
	top: 385px;
	/* margin-line: auto; */
	transform: translateX(-52.5%); 
	line-height: 1;
	padding: 0;
	font-size: 75px;
}

#samen-tekst-left {
	display: none;
}

@media only screen and (max-width: 1600px) {
	#samen-paragraaf {
		width: 900px;
	}
}

@media only screen and (max-width: 1500px) {
	#samen-right-column {
		padding-top: 230px;
	}
	
	#samen-paragraaf {
		top: 150px;
	}
	
	#samen-tekst {
/*		top: 375px;*/
		transform: translateX(-50%);
/*		font-size: 90px;*/
	}
}

@media only screen and (max-width: 1385px) {	
	#samen-paragraaf {
		width: 800px;
	}
}

@media only screen and (max-width: 1385px) {
	#samen-right-column {
		padding-top: 205px;
	}
	
	#samen-paragraaf {
		top: 105px;
		width: 650px;
	}
	
	#samen-left-column {
		position: relative;
		height: 450px;
	}
	
	#samen-img {
		position: absolute;
		width: 600px;
		height: 450px;
	}
	
	#samen-tekst {
		font-size: 60px;
		top: 398px;
	}
}

@media only screen and (max-width: 1090px) {	
	#samen-paragraaf {
		width: 600px;
	}
}

@media only screen and (max-width: 980px) {
	#samen-row {
		height: 900px;
		display: flex;
		flex-direction: column;
		height: auto;
	}
	
	#samen-left-column {
		order: 2;
		margin: 0;
		padding: 0;
/*		position: absolute;
		bottom: 0;*/
	}
	
	#samen-right-column {
		order: 1;
		z-index: 3;
		padding-top: 0;
	}
	
	#samen-paragraaf {
		width: 600px;
		position: relative;
		margin-top: 0;
		top: 0;
		right: 0;
		width: auto;
	}
	
	#samen-tekst {
		display: none;
	}
	
	#samen-tekst-left {
		display: block;
		position: absolute;
		z-index: 4;
		font-size: 60px;
		white-space: nowrap;
		top: 402px;
		left: 50%;
		transform: translatex(-50%);
	}
}

@media only screen and (max-width: 820px) {
	#samen-tekst-left {
		font-size: 55px;
		top: 406px;
	}
}

@media only screen and (max-width: 750px) {
	#samen-tekst-left {
		font-size: 50px;
		top: 413px;
	}
}

@media only screen and (max-width: 675px) {
	#samen-tekst-left {
		font-size: 45px;
		top: 410px;
	}
}

@media only screen and (max-width: 600px) {
	#samen-tekst-left {
		font-size: 35px;
		top: 422px;
	}
	
	#samen-img {
		position: relative;
		width: 100%;
		height: 100%;
	}
	/*
	#samen-img .et_pb_image_wrap  img {
		height: 350px;
	}
	*/
	#samen-left-column {
		height: auto;
	}
}

@media only screen and (max-width: 560px) {
	#samen-img .et_pb_image_wrap  img {
		height: 350px;
	}
	
	#samen-tekst-left {
/*		font-size: 50px;*/
		top: 322px;
	}
}

@media only screen and (max-width: 485px) {	
	#samen-tekst-left {
		font-size: 30px;
		top: 326px;
	}
}

@media only screen and (max-width: 430px) {
	#samen-img .et_pb_image_wrap  img {
		height: 300px;
	}
	
	#samen-tekst-left {
		font-size: 45px;
		top: 265px;
	}
}

@media only screen and (max-width: 430px) {
	#samen-img .et_pb_image_wrap  img {
		height: 250px;
	}
	
	#samen-tekst-left {
		font-size: 30px;
		top: 227px;
	}
}


@media only screen and (max-width: 400px) {
	#samen-tekst-left {
		font-size: 25px;
		top: 230px;
	}
}

@media only screen and (max-width: 600px) {
	#home-banner .et_pb_heading {
		margin-top: 50px !important;
		font-size: 40px !important;
	}
	
	#home-banner .et_pb_heading h1 {
		margin-top: 50px !important;
		font-size: 40px !important;
	}
	
	/*
	#home-banner {
		height: 700px;
		max-height: 700px;
	}*/
}/*
@media only screen and (max-width: 400px) {
	#home-banner {
		height: 750px;
	}
}
*/




/* leer ons kennen pagina */
@media only screen and (max-width: 1300px) {
    .big-paragraaf div p {
        line-height: 30px;
		font-size: 19.2px;
    }
}

@media only screen and (max-width: 500px) {
	.big-paragraaf-section {
		padding-top: 0;
	}
	
	.big-paragraaf div p {
        line-height: 25px;
		font-size: 16px;
    }
}