/* ========================================================
	MQ CSS
	JONKER TEGELS EN TIMMERWERKEN © BRAVEBOYS - FWRD STUDIO
======================================================== */



@media screen and (min-width: 375px) and (max-width: 767px) {

	/* hero */
	.header--hero--image {
		height: 500px;
	}

	.header--hero--body {
		margin-bottom: .5rem;
		padding: 1.5rem;
	}

	.header--hero--body div.hero--logo--box img {
		height: 40px;
		margin-bottom: 4%;
	}

	.header--hero--body h2 {
		font-size: 2rem;
	}

	.header--hero--body h3 {
		font-size: 1.5rem;
	}

	.header--hero--body .cta--button {
		font-size: 1rem;
		padding: 1rem;
	}


	/* intro */
	.intro--block.home--page {
		padding: 5rem 0 4rem 0;
	}

	.intro--block.info--page {
		padding: 5rem 0 3rem 0;
	}

	.intro--block.contact--page {
		padding: 5rem 0 3rem 0;
	}

	.intro--block {
		padding: 4rem 0 1rem 0;
	}

	.intro--headline {
		padding: 2rem;
	}

	.intro--block h1 {
		font-size: 2rem;
	}

	.intro--block h2 {
		font-size: 1.75rem;
	}

	.intro--block p {
		font-size: 1.15rem;
	}


	/* columns */
	.columns--block {
		padding: 5rem 0;
	}

	.columns--wrapper--intro {
		padding: 1rem;
	}


	/* faq */
	.faq--block {
		padding: 5rem 0;
	}

	.faq--block--title {
		font-size: 2rem;
	}

	.faq--question h3 {
		font-size: 1.25rem;
		padding-right: 2rem;
	}

	.faq--block .column--left .faq--item:last-child {
		border-bottom: 1.5px solid #EEEEEE;
	}


	/* projects */

	.project--gallery--block .project--gallery--tile {
		height: 350px;
	}


	/* usp */
	.usp--block ul {
		flex-wrap: wrap;
		padding: 1.5rem;
	}

	.usp--block li {
		border-right: none;
		padding: 1rem .5rem;
		flex: 0 0 auto;
		width: 50%;
	}

	.usp--block i {
		font-size: 2rem;
		margin-bottom: 1.5rem;
	}

	.usp--block h3 {
		font-size: 1.05rem;
		font-weight: 600;
		letter-spacing: -.0125rem;
	}

	.usp--block p {
		display: none;
	}



	/* paragraph */
	.paragraph--block.homepage {
		padding: 2rem 0 4rem 0;
	}

	.paragraph--block {
		padding: 2rem 0 2rem 0;
	}

	.paragraph--block h2 {
		font-size: 2rem;
	}

	.paragraph--block p {
		font-size: 1.15rem;
	}

	.paragraph--body {
		padding: 1rem .5rem;
		margin-bottom: 2rem;
	}


	/* form / contact */
	.form--body--inner h2 {
		font-size: 1.5rem;
	}

	.form--body--inner p {
		font-size: 1.125rem;
	}


	/* cta */
	.cta--block {
		padding: 4rem 0 3rem 0;
	}

	.cta--block h2 {
		font-size: 2.5rem;
	}

	.cta--block h3 {
		color: #666;
		font-size: 1.5rem;
		line-height: 1.1;
	}

	.cta--block p {
		font-size: 1.25rem;
	}

	.cta--block .cta--button {
		font-size: 1.25rem;
	}

	.cta--block .contact--details {
		font-size: 1rem;
	}


	/* footer */
	footer .footer--top li.footer--heading h3 {
		font-size: 1.35rem;
	}

	footer .footer--top a.footer--link {
		font-size: 1.2rem;
	}

	footer .footer--top p {
		font-size: 1.2rem;
	}

	footer .footer--middle .brand--logo--box img.brand--logo {
		width: 75%;
	}

	footer .footer--middle .brand--logo--box {
		padding: 1rem 0 3rem 0;
	}

	footer .footer--bottom ul {
		flex-direction: column;
	}

}



@media screen and (min-width: 768px) and (max-width: 991px) {

	/* hero */
	.header--hero--image {
		height: 500px;
	}

	.header--hero--body {
		margin-bottom: .5rem;
		padding: 1.5rem;
	}

	.header--hero--body div.hero--logo--box img {
		height: 40px;
		margin-bottom: 4%;
	}

	.header--hero--body h2 {
		font-size: 2rem;
	}

	.header--hero--body h3 {
		font-size: 1.5rem;
	}

	.header--hero--body .cta--button {
		font-size: 1rem;
		padding: 1rem;
	}


	/* intro */
	.intro--block.home--page {
		padding: 5rem 0 4rem 0;
	}

	.intro--block.info--page {
		padding: 5rem 0 3rem 0;
	}

	.intro--block.contact--page {
		padding: 5rem 0 3rem 0;
	}

	.intro--block {
		padding: 4rem 0 3rem 0;
	}

	.intro--headline {
		padding: 2rem;
	}

	.intro--block h1 {
		font-size: 2rem;
	}

	.intro--block h2 {
		font-size: 1.75rem;
	}

	.intro--block p {
		font-size: 1.15rem;
	}


	/* columns */
	.columns--block {
		padding: 5rem 0;
	}

	.columns--wrapper--intro {
		padding: 1rem;
	}


	/* faq */
	.faq--block {
		padding: 5rem 0;
	}

	.faq--block--title {
		font-size: 2rem;
	}

	.faq--question h3 {
		font-size: 1.25rem;
		padding-right: 2rem;
	}

	.faq--block .column--left .faq--item:last-child {
		border-bottom: 1.5px solid #EEEEEE;
	}


	/* projects */

	.project--gallery--block .project--gallery--tile {
		height: 350px;
	}


	/* usp */
	.usp--block ul {
		flex-wrap: wrap;
		padding: 1.5rem;
	}

	.usp--block li {
		border-right: none;
		padding: 1rem .5rem;
		flex: 0 0 auto;
		width: 50%;
	}

	.usp--block i {
		font-size: 2rem;
		margin-bottom: 1.5rem;
	}

	.usp--block h3 {
		font-size: 1.05rem;
		font-weight: 600;
		letter-spacing: -.0125rem;
	}

	.usp--block p {
		display: none;
	}



	/* paragraph */
	.paragraph--block.homepage {
		padding: 2rem 0 4rem 0;
	}

	.paragraph--block {
		padding: 2rem 0 2rem 0;
	}

	.paragraph--block h2 {
		font-size: 2rem;
	}

	.paragraph--block p {
		font-size: 1.15rem;
	}

	.paragraph--body {
		padding: 1rem .5rem;
		margin-bottom: 2rem;
	}


	/* cta */
	.cta--block {
		padding: 4rem 0 3rem 0;
	}

	.cta--block h2 {
		font-size: 2.5rem;
	}

	.cta--block h3 {
		color: #666;
		font-size: 1.5rem;
		line-height: 1.1;
	}

	.cta--block p {
		font-size: 1.25rem;
	}

	.cta--block .cta--button {
		font-size: 1.25rem;
	}

	.cta--block .contact--details {
		font-size: 1rem;
	}


	/* footer */
	footer .footer--top li.footer--heading h3 {
		font-size: 1.35rem;
	}

	footer .footer--top a.footer--link {
		font-size: 1.2rem;
	}

	footer .footer--top p {
		font-size: 1.2rem;
	}

	footer .footer--middle .brand--logo--box img.brand--logo {
		width: 75%;
	}

	footer .footer--middle .brand--logo--box {
		padding: 1rem 0 3rem 0;
	}

	footer .footer--bottom ul {
		flex-direction: column;
	}

}


@media screen and (min-width: 992px) and (max-width: 1199px) {

	/* hero */
	.header--hero--image {
		height: 500px;
	}

	.header--hero--body {
		margin-bottom: .5rem;
		padding: 1.5rem;
	}

	.header--hero--body div.hero--logo--box img {
		height: 40px;
		margin-bottom: 4%;
	}

	.header--hero--body h2 {
		font-size: 2rem;
	}

	.header--hero--body h3 {
		font-size: 1.5rem;
	}

	.header--hero--body .cta--button {
		font-size: 1rem;
		padding: 1rem;
	}


	/* intro */
	.intro--block.home--page {
		padding: 5rem 0 4rem 0;
	}

	.intro--block.info--page {
		padding: 5rem 0 3rem 0;
	}

	.intro--block.contact--page {
		padding: 5rem 0 3rem 0;
	}

	.intro--block {
		padding: 4rem 0 3rem 0;
	}

	.intro--headline {
		padding: 2rem;
	}

	.intro--block h1 {
		font-size: 2rem;
	}

	.intro--block h2 {
		font-size: 1.75rem;
	}

	.intro--block p {
		font-size: 1.15rem;
	}


	/* columns */
	.columns--block {
		padding: 5rem 0;
	}

	.columns--wrapper--intro {
		padding: 1rem;
	}


	/* faq */
	.faq--block {
		padding: 5rem 0;
	}

	.faq--block--title {
		font-size: 2rem;
	}

	.faq--question h3 {
		font-size: 1.25rem;
		padding-right: 2rem;
	}

	.faq--block .column--left .faq--item:last-child {
		border-bottom: 1.5px solid #EEEEEE;
	}


	/* projects */

	.project--gallery--block .project--gallery--tile {
		height: 350px;
	}


	/* usp */
	.usp--block ul {
		flex-wrap: wrap;
		padding: 1.5rem;
	}

	.usp--block li {
		border-right: none;
		padding: 1rem .5rem;
		flex: 0 0 auto;
		width: 25%;
	}

	.usp--block i {
		font-size: 3rem;
		margin-bottom: 1.5rem;
	}

	.usp--block h3 {
		font-size: 1.05rem;
		font-weight: 600;
		letter-spacing: -.0125rem;
	}

	.usp--block p {
		display: none;
	}



	/* paragraph */
	.paragraph--block.homepage {
		padding: 2rem 0 4rem 0;
	}

	.paragraph--block {
		padding: 2rem 0 2rem 0;
	}

	.paragraph--block h2 {
		font-size: 2rem;
	}

	.paragraph--block p {
		font-size: 1.15rem;
	}

	.paragraph--body {
		padding: 1rem .5rem;
		margin-bottom: 2rem;
	}


	/* cta */
	.cta--block {
		padding: 4rem 0 3rem 0;
	}

	.cta--block h2 {
		font-size: 2.5rem;
	}

	.cta--block h3 {
		color: #666;
		font-size: 1.5rem;
		line-height: 1.1;
	}

	.cta--block p {
		font-size: 1.25rem;
	}

	.cta--block .cta--button {
		font-size: 1.25rem;
	}

	.cta--block .contact--details {
		font-size: 1rem;
	}


	/* footer */
	footer .footer--top li.footer--heading h3 {
		font-size: 1.35rem;
	}

	footer .footer--top a.footer--link {
		font-size: 1.2rem;
	}

	footer .footer--top p {
		font-size: 1.2rem;
	}

	footer .footer--middle .brand--logo--box img.brand--logo {
		width: 75%;
	}

	footer .footer--middle .brand--logo--box {
		padding: 1rem 0 3rem 0;
	}

	footer .footer--bottom ul {
		flex-direction: column;
	}

}


@media screen and (min-width: 1200px) and (max-width: 1399px) {


	/* navigation */
	.nav--link {
		font-size: 1.15rem;
		padding: .5rem 1rem;
	}


	/* hero */
	.header--hero--image {
		height: 550px;
	}

	.header--hero--body {
		margin-bottom: .5rem;
		padding: 1.5rem;
	}

	.header--hero--body div.hero--logo--box img {
		height: 40px;
		margin-bottom: 4%;
	}

	.header--hero--body h2 {
		font-size: 3rem;
	}

	.header--hero--body h3 {
		font-size: 1.75rem;
	}

	.header--hero--body .cta--button {
		font-size: 1.25rem;
		padding: 1rem;
	}


	/* intro */
	.intro--block.home--page {
		padding: 5rem 0 4rem 0;
	}

	.intro--block.info--page {
		padding: 5rem 0 3rem 0;
	}

	.intro--block.contact--page {
		padding: 5rem 0 3rem 0;
	}

	.intro--block {
		padding: 4rem 0 3rem 0;
	}

	.intro--headline {
		padding: 2rem;
	}

	.intro--block h1 {
		font-size: 2rem;
	}

	.intro--block h2 {
		font-size: 1.75rem;
	}

	.intro--block p {
		font-size: 1.15rem;
	}


	/* columns */
	.columns--block {
		padding: 5rem 0;
	}

	.columns--wrapper--intro {
		padding: 1rem;
	}


	/* faq */
	.faq--block {
		padding: 5rem 0;
	}

	.faq--block--title {
		font-size: 2rem;
	}

	.faq--question h3 {
		font-size: 1.25rem;
		padding-right: 2rem;
	}

	.faq--block .column--left .faq--item:last-child {
		border-bottom: none;
	}


	/* projects */

	.project--gallery--block .project--gallery--tile {
		height: 350px;
	}


	/* usp */
	.usp--block ul {
		flex-wrap: wrap;
		padding: 1.5rem;
	}

	.usp--block li {
		border-right: none;
		padding: 1rem .5rem;
		flex: 0 0 auto;
		width: 25%;
	}

	.usp--block i {
		font-size: 3rem;
		margin-bottom: 1.5rem;
	}

	.usp--block h3 {
		font-size: 1.15rem;
		font-weight: 600;
		letter-spacing: -.0125rem;
	}

	.usp--block p {
		display: flex;
		font-size: 1rem;
		padding: 0 1rem;
	}



	/* paragraph */
	.paragraph--block.homepage {
		padding: 2rem 0 4rem 0;
	}

	.paragraph--block {
		padding: 2rem 0 2rem 0;
	}

	.paragraph--block h2 {
		font-size: 2rem;
	}

	.paragraph--block p {
		font-size: 1.15rem;
	}

	.paragraph--body {
		padding: 1rem .5rem;
		margin-bottom: 2rem;
	}


	/* cta */
	.cta--block {
		padding: 4rem 0 3rem 0;
	}

	.cta--block h2 {
		font-size: 2.5rem;
	}

	.cta--block h3 {
		color: #666;
		font-size: 1.5rem;
		line-height: 1.1;
	}

	.cta--block p {
		font-size: 1.15rem;
	}

	.cta--block .cta--button {
		font-size: 1.25rem;
	}

	.cta--block .contact--details {
		font-size: 1rem;
	}


	/* review */
	.review--header span.review--rating--icon i {
		font-size: 2.5rem;
	}

	.review--body p {
		font-size: 1rem;
	}

	.review--details p {
		font-size: 1rem;
	}


	/* footer */
	footer .footer--top li.footer--heading h3 {
		font-size: 1.35rem;
	}

	footer .footer--top a.footer--link {
		font-size: 1.2rem;
	}

	footer .footer--top p {
		font-size: 1.2rem;
	}

	footer .footer--middle .brand--logo--box img.brand--logo {
		width: 75%;
	}

	footer .footer--middle .brand--logo--box {
		padding: 1rem 0 3rem 0;
	}

	footer .footer--bottom ul {
		flex-direction: column;
	}

}


@media screen and (min-width: 1400px) and (max-width: 1599px) {


	/* hero */
	.header--hero--image {
		height: 500px;
	}

	.header--hero--body {
		margin-bottom: .5rem;
		padding: 1.5rem;
	}

	.header--hero--body div.hero--logo--box img {
		height: 40px;
		margin-bottom: 4%;
	}

	.header--hero--body h2 {
		font-size: 2rem;
	}

	.header--hero--body h3 {
		font-size: 1.5rem;
	}

	.header--hero--body .cta--button {
		font-size: 1rem;
		padding: 1rem;
	}


	/* intro */
	.intro--block.home--page {
		padding: 5rem 0 4rem 0;
	}

	.intro--block.info--page {
		padding: 5rem 0 3rem 0;
	}

	.intro--block.contact--page {
		padding: 5rem 0 3rem 0;
	}

	.intro--block {
		padding: 4rem 0 3rem 0;
	}

	.intro--headline {
		padding: 2rem;
	}

	.intro--block h1 {
		font-size: 2rem;
	}

	.intro--block h2 {
		font-size: 1.75rem;
	}

	.intro--block p {
		font-size: 1.15rem;
	}


	/* columns */
	.columns--block {
		padding: 5rem 0;
	}

	.columns--wrapper--intro {
		padding: 1rem;
	}


	/* faq */
	.faq--block {
		padding: 5rem 0;
	}

	.faq--block--title {
		font-size: 2rem;
	}

	.faq--question h3 {
		font-size: 1.25rem;
		padding-right: 2rem;
	}

	.faq--block .column--left .faq--item:last-child {
		border-bottom: 1.5px solid #EEEEEE;
	}


	/* projects */

	.project--gallery--block .project--gallery--tile {
		height: 350px;
	}


	/* usp */
	.usp--block ul {
		flex-wrap: wrap;
		padding: 1.5rem;
	}

	.usp--block li {
		border-right: none;
		padding: 1rem .5rem;
		flex: 0 0 auto;
		width: 50%;
	}

	.usp--block i {
		font-size: 2rem;
		margin-bottom: 1.5rem;
	}

	.usp--block h3 {
		font-size: 1.05rem;
		font-weight: 600;
		letter-spacing: -.0125rem;
	}

	.usp--block p {
		display: none;
	}



	/* paragraph */
	.paragraph--block.homepage {
		padding: 2rem 0 4rem 0;
	}

	.paragraph--block {
		padding: 2rem 0 2rem 0;
	}

	.paragraph--block h2 {
		font-size: 2rem;
	}

	.paragraph--block p {
		font-size: 1.15rem;
	}

	.paragraph--body {
		padding: 1rem .5rem;
		margin-bottom: 2rem;
	}


	/* cta */
	.cta--block {
		padding: 4rem 0 3rem 0;
	}

	.cta--block h2 {
		font-size: 2.5rem;
	}

	.cta--block h3 {
		color: #666;
		font-size: 1.5rem;
		line-height: 1.1;
	}

	.cta--block p {
		font-size: 1.25rem;
	}

	.cta--block .cta--button {
		font-size: 1.25rem;
	}

	.cta--block .contact--details {
		font-size: 1rem;
	}


	/* footer */
	footer .footer--top li.footer--heading h3 {
		font-size: 1.35rem;
	}

	footer .footer--top a.footer--link {
		font-size: 1.2rem;
	}

	footer .footer--top p {
		font-size: 1.2rem;
	}

	footer .footer--middle .brand--logo--box img.brand--logo {
		width: 75%;
	}

	footer .footer--middle .brand--logo--box {
		padding: 1rem 0 3rem 0;
	}

	footer .footer--bottom ul {
		flex-direction: column;
	}

}


@media screen and (min-width: 1600px) and (max-width: 1799px) {


	/* hero */
	.header--hero--image {
		height: 500px;
	}

	.header--hero--body {
		margin-bottom: .5rem;
		padding: 1.5rem;
	}

	.header--hero--body div.hero--logo--box img {
		height: 40px;
		margin-bottom: 4%;
	}

	.header--hero--body h2 {
		font-size: 2rem;
	}

	.header--hero--body h3 {
		font-size: 1.5rem;
	}

	.header--hero--body .cta--button {
		font-size: 1rem;
		padding: 1rem;
	}


	/* intro */
	.intro--block.home--page {
		padding: 5rem 0 4rem 0;
	}

	.intro--block.info--page {
		padding: 5rem 0 3rem 0;
	}

	.intro--block.contact--page {
		padding: 5rem 0 3rem 0;
	}

	.intro--block {
		padding: 4rem 0 3rem 0;
	}

	.intro--headline {
		padding: 2rem;
	}

	.intro--block h1 {
		font-size: 2rem;
	}

	.intro--block h2 {
		font-size: 1.75rem;
	}

	.intro--block p {
		font-size: 1.15rem;
	}


	/* columns */
	.columns--block {
		padding: 5rem 0;
	}

	.columns--wrapper--intro {
		padding: 1rem;
	}


	/* faq */
	.faq--block {
		padding: 5rem 0;
	}

	.faq--block--title {
		font-size: 2rem;
	}

	.faq--question h3 {
		font-size: 1.25rem;
		padding-right: 2rem;
	}

	.faq--block .column--left .faq--item:last-child {
		border-bottom: 1.5px solid #EEEEEE;
	}


	/* projects */

	.project--gallery--block .project--gallery--tile {
		height: 350px;
	}


	/* usp */
	.usp--block ul {
		flex-wrap: wrap;
		padding: 1.5rem;
	}

	.usp--block li {
		border-right: none;
		padding: 1rem .5rem;
		flex: 0 0 auto;
		width: 50%;
	}

	.usp--block i {
		font-size: 2rem;
		margin-bottom: 1.5rem;
	}

	.usp--block h3 {
		font-size: 1.05rem;
		font-weight: 600;
		letter-spacing: -.0125rem;
	}

	.usp--block p {
		display: none;
	}



	/* paragraph */
	.paragraph--block.homepage {
		padding: 2rem 0 4rem 0;
	}

	.paragraph--block {
		padding: 2rem 0 2rem 0;
	}

	.paragraph--block h2 {
		font-size: 2rem;
	}

	.paragraph--block p {
		font-size: 1.15rem;
	}

	.paragraph--body {
		padding: 1rem .5rem;
		margin-bottom: 2rem;
	}


	/* cta */
	.cta--block {
		padding: 4rem 0 3rem 0;
	}

	.cta--block h2 {
		font-size: 2.5rem;
	}

	.cta--block h3 {
		color: #666;
		font-size: 1.5rem;
		line-height: 1.1;
	}

	.cta--block p {
		font-size: 1.25rem;
	}

	.cta--block .cta--button {
		font-size: 1.25rem;
	}

	.cta--block .contact--details {
		font-size: 1rem;
	}


	/* footer */
	footer .footer--top li.footer--heading h3 {
		font-size: 1.35rem;
	}

	footer .footer--top a.footer--link {
		font-size: 1.2rem;
	}

	footer .footer--top p {
		font-size: 1.2rem;
	}

	footer .footer--middle .brand--logo--box img.brand--logo {
		width: 75%;
	}

	footer .footer--middle .brand--logo--box {
		padding: 1rem 0 3rem 0;
	}

	footer .footer--bottom ul {
		flex-direction: column;
	}

}



@media screen and (min-width: 1600px) and (max-width: 1999px) {

	.container {
		max-width: 1400px !important;
	}

}

@media screen and (min-width: 2000px) {

	.container {
		max-width: 1600px;
	}

}