/* Qarpa
 Copyright 2018 All rights reserved
 Qarpa Solutions BV
 ** Design is not just what it looks like and feels like. Design is how it works. **
 info@qarpa.eu
 http://qarpa.eu
 November 2018 
   */
/* CSS global reset for all browsers */ 
* {
	padding: 0;
	margin: 0;
	}

/* #######################  GENERAL SETTINGS ############################ */

/*
geel: #f5db33;
blauw: #0f66d2;

font-family: 'Raleway', sans-serif;
*/

html {
	height: 100%;
	}

body {
	font-family: 'Raleway', sans-serif;
	font-size: calc(12px + 0.3vw);
	font-weight: 300;
	margin-top: 0;
	padding-top: 0;
	height: 100%;
	text-align: justify;
	}


/*  Global Formatting */
h1, h2, h3, h4, h6 { color: #3F51B5;}
h1 {
	font-size: calc(24px + 1vw);
	line-height: 1em;
	font-weight: 900;
	text-align: center;
	padding-bottom: 20px;
	/*background: url('../images/hbalk330.png') no-repeat center 40px;*/
	}
h2 {
	font-size: calc(20px + 1vw);
    text-align: center;
    padding-bottom: 1.5vw;
    /*background: url(../images/hbalk330.png) no-repeat center calc(80% + 0.4vw);*/
    background-size: 30%;
	}
h3 {
	font-size: calc(20px + 1vw);
    padding: 30px 0;
	text-align: center;
	}
h4 {
	font-size: calc(20px + 1vw);
    padding: 30px 0;
	text-align: center;
	}
h5 {
	font-size: calc(14px + 0.3vw);
	font-weight: 200;
	padding: 10px 0;
	text-align: center;
	}
h6 {
	font-size: calc(18px + 1vw);
    padding: 20px 0;
	text-align: center;
	}
td{}
th{}
a {color: #3F51B5; font-weight: 400; text-decoration:none}
a:hover {color: #000;}
a:visited {color: #3F51B5;}
a img, a img:hover  {border:0;}

strong {
	font-weight: 400;
	}

li
{
/* line-height: 14px; */
padding-left: 0px;
padding-top: 0px;
background-repeat: no-repeat;
background-position: 0px 2px;
}

ul { list-style: disc; padding-left: 15px;}

ol { padding-left: 23px;}

body .item-page .item-image {
  display: none !important;
}
body .showimg .item-image {
  display: block !important;
}

/* #######################  END GENERAL SETTINGS ############################ */

.topmenu h2 {
	color: #fff;
	padding-top: 5px;
	}
	#topcontainer.sticky .topmenu h2 {
		color: #3F51B5;
		}

.boxcontainer {
    display: block;
    position: relative;
	}
.boxcontainer:after{
    clear: both;
    content: "";
    display: block;
	}
.tripplebox { 
	width: 35%;
    float: left;
    margin: 30px 0 40px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-right: 40px;
	text-align: center;
	}
	.tripplebox strong {
		font-weight: 400;
		margin-bottom: 10px;
		display: block;
		font-size: calc(15px + 0.3vw);
		}
	.tripplebox ul {
		text-align: left;
		}
	.tripplebox:nth-of-type(1) {
	
		}
		.tripplebox:nth-of-type(1) span{
		
			}
	.tripplebox:nth-of-type(2) {
	
		}
		.tripplebox:nth-of-type(2) span{
		
			}
	.tripplebox:nth-of-type(3) {
		width: 30%;
		padding: 0;
		}
		.tripplebox:nth-of-type(3) span {
		
			}

.afbeelding1wrapper {
	width: 100%;
	}
.parallaxwrapper {
		margin: 20px 0;
	}
.full-width {
	position: absolute;
	left: 0;
	width: 100%;
	}
	.parallax-mirror {
		z-index: 100 !important;
		}



.social {
	text-align: center;
	}

.social .fa {
	padding: 20px;
    font-size: 40px;
    width: 40px;
    text-align: center;
    text-decoration: none;
    border-radius: 40px;
    background: #3F51B5;
    color: white;
	margin: 0 20px;
}

.social .fa:hover {
    opacity: 0.85;
}

.social .fa-facebook:hover {
  background: #3B5998;
  color: white;
}

.social .fa-instagram:hover {
  background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);
  color: white;
}

.social .fa-linkedin:hover {
  background: #007bb5;
  color: white;
}

.cat-children {
	display: none;
	}

.ervaringdiv {
	border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 40px -10vw 10px;
    padding: 0 10vw;
    overflow: auto;
	}
	.ervaringdiv h3 {
		padding-top: 20px;
		}

.ervaringen h2 {
	margin: 20px 0 0 !important;
    text-align: left;
    font-size: calc(16px + 1vw);
    padding: 0;
	}

.ervaringen .published {
	text-align: right;
    margin: -36px 0 20px;
	}

.ervaringen .items-leading div[itemprop="blogPost"] {
	clear: both;
	border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
	overflow: auto;
	}

.ervaringen img {
	width: calc(100px + 3vw);
    margin: 0 20px 0 0;
    border-radius: 100%;
	}

.blog h2 {
	margin: 20px 0 20px !important;
    text-align: left;
    font-size: calc(16px + 1vw);
    padding: 0;
	}

.blog .published {
	text-align: right;
    margin: -36px 0 20px;
	}

.blog .items-leading div[itemprop="blogPost"] {
	clear: both;
	border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
	overflow: auto;
	}

.blog img {
	width: calc(100px + 3vw);
    margin: 0 20px 0 0;
    border-radius: 100%;
	}

.topmenu li {
	display: inline-block;
	width: 110px;
	text-align: center;
	margin: 0 20px 0;
	padding: 1px 10px 2px;
	font-size: 16px;
	font-weight: 100;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
	}
	.topmenu li:last-of-type {
		margin-right: 0;
		}
	.topmenu a {
		color: #fff;
		text-decoration: none;
		-moz-transition: all 1s ease;
		-webkit-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: all 1s ease;
		}
	.topmenu a:hover {
		color: #FFC107;
		}

.ctabutton, 
.ctabutton:visited,
.bfSubmitButton {
	font-family: 'Roboto', sans-serif;
	font-size: calc(12px + 0.5vw);
	background: #FFC107;
	color: #3F51B5;
	text-decoration: none;
	margin-top: 10px;
	padding: 5px 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: none;
	border: 0;
	display: inline-block;
    text-align: center;
	}
.normalbutton, .normalbutton:visited {
	font-family: 'Roboto', sans-serif;
	font-size: calc(12px + 0.5vw);
	background: #3F51B5;
	color: #fff;
	text-decoration: none;
	margin-top: 10px;
	padding: 5px 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: none;
	display: inline-block;
    text-align: center;
	}

.testimonialrow {
	width: 50%;
	float: left;
	}
	.testimonialrow img {
		width: 120px;
		height: 120px;
		float: left;
		margin: 0 10px 0px 0;
		-webkit-border-radius: 60px;
		-moz-border-radius: 60px;
		border-radius: 60px;
		}
		.testimonialimage {
			float: left;
			}
		.testimonialtext {
			float: left;
			width: 60%;
			}
			.testimonialtitle {
				padding-bottom: 5px;
				font-weight: 400;
				}
			.testimonialtext .mod-articles-category-introtext {
				font-style: italic;
				}

.leesmeer-box {
	position: relative;
	}

.leesmeer-box .btn {
	color: #3F51B5;
	right: 0;
	padding: 10px 0 10px 10px;
	text-decoration: none;
	}

.leesmeer-box .show, .leesmeer-box .hide {
	position: absolute;
	bottom: 0;
	z-index: 100;
	}

.leesmeer-box .hide {display: none;}
.leesmeer-box .show:target {display: none;}
.leesmeer-box .show:target ~ .hide {display: block;}
.leesmeer-box .show:target ~ .panel {
	max-height: 9999px !important; 
	}

.leesmeer-box .show:target ~ .fade {
	margin-top: 0;
	height: 40px;
	}

.leesmeer-box .panel {
	position: relative;
	overflow: hidden;
	transition: max-height .5s ease;
	}

.leesmeer-box .fade {
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%);
	height: 100px;
	margin-top: -100px;
	position: relative;
	}

.alert.alert-message {
	margin: 10px -6vw;
    margin-top: 10px;
    background: #3F51B5;
    color: #fff;
    padding: 10px;
    text-align: center;
    font-weight: 400;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
.alert-message h4,
.alert-message .close {
	display: none;
	}

.contactdiv-l {
	width: 58%;
	float: left;
	margin-left: -6vw;
	}
	.contactdiv-l  h5 {
		padding-bottom: 0;
		margin-bottom: -20px;
		}
.contactdiv-r {
	width: 52%;
	float: right;
	margin-right: -6vw;
	}
	.contactdiv-r  h5 {
		padding-bottom: 8px;
		}


/* formulieren */

.bfQuickMode fieldset.bfInline {
	width: 100%;
	}
.bfQuickMode legend {
	display: none;
	}
.bfQuickMode fieldset.bfInline {
	border: 0;
	width: 100%;
	}
.bfQuickMode .bfRolloverBg {
    background: rgba(0,0,0,0) !important;
	}
.bfQuickMode section input[type='text'], 
.bfQuickMode section textarea, 
.bfQuickMode section select {
	font-size: calc(12px + 0.3vw);
	padding: 5px;
	-moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
	}
.bfQuickMode #boven section.bfElemWrap {
    padding: 5px 0 !important;
	margin: 18px 0px 0px 0px !important;
	}
.bfQuickMode #onder section.bfElemWrap {
    padding: 5px 0 !important;
	margin: 18px 0px 0px 0px !important;
	}
#onder {
	margin-top: -10px;
	}
#bfElemWrap70,
#bfElemWrap133 {
	position: relative;
	}
	#bfElemWrap70 input,
	#bfElemWrap133 input {
		position: absolute;
		left: 4px;
		top: 8px;
		transform: scale(1.5);
		}
	#bfElemWrap70 label,
	#bfElemWrap133 label {
		margin-left: 22px;
		width: 80%;
		}

.bfQuickMode input[type=text], 
.bfQuickMode textarea, 
.bfQuickMode .uneditable-input, 
.bfQuickMode input[type=text]:hover, 
.bfQuickMode textarea:hover, 
.bfQuickMode .uneditable-input:hover, 
.bfQuickMode input[type=text]:focus, 
.bfQuickMode textarea:focus, 
.bfQuickMode .uneditable-input:focus {
    max-width: 100%;
	}


/* ######################  LAYOUT SETTINGS       ############################## */

.ontrafeldeqrcode {
	position: relative;
	overflow: visible;
	}
	.img-start {
		position: relative;
		margin: -140px auto;
		width: 100%;
		max-width: 600px;
		z-index: 100;
		margin-bottom: 10px;
		}
		.ontrafeldeqrcode img {
			width: 100%
			}
		.img-ontrafel,
		.img-deopdracht,
		.img-ziejijhet {
			position: absolute;
			top: 0;
			opacity: 1;
			}
		.img-q-def,
		.img-r-def,
		.img-quinn,
		.img-rietzschel,
		.img-ditismijnnaam,
		.img-initialen {
			position: absolute;
			top: 0;
			opacity: 0;
			}
		.img-q,
		.img-r {
			position: absolute;
			top: 0;
			opacity:1;
			}
		.img-balk {
			position: absolute;
			top: 0;
			opacity:0;
			}

		.ontrafeldeqrcode.active .img-ziejijhet {
			transition: all 1.0s ease-in-out 0s;
			opacity:0;
			}
		.ontrafeldeqrcode.active .img-deopdracht {
			transition: all 1.0s ease-in-out 2.0s;
			opacity:0;
			}		

		.ontrafeldeqrcode.active .img-ontrafel {
			transition: all 1.0s ease-in-out 4.0s;
			opacity:0;
			}

		.ontrafeldeqrcode.active .img-q {
			transition: opacity 0.5s linear 6.0s;
			opacity: 0;
			}
		.ontrafeldeqrcode.active .img-q-def {
			transition: opacity 1.0s linear 6.0s;
			opacity: 1;
			}

		.ontrafeldeqrcode.active .img-r {
			transition: opacity 0.5s linear 8.0s;
			opacity: 0;
			}
		.ontrafeldeqrcode.active .img-r-def {
			transition: opacity 1.0s linear 8.0s;
			opacity: 1;
			}
		
		.ontrafeldeqrcode.active .img-quinn,
		.ontrafeldeqrcode.active .img-rietzschel {
			transition: all 0.1s ease-in-out 12.1s;
			opacity:1;
			}
		
		.ontrafeldeqrcode.active .img-balk {
			transition: opacity 0s ease-in-out 12.0s,transform 0.3s ease-in-out 12.0s;
			transform: translateX(595px);
			opacity:1;
			}

		.ontrafeldeqrcode.active .img-ditismijnnaam {
			transition: all 1.0s ease-in-out 13.0s;
			opacity:1;
			}

		.ontrafeldeqrcode.active .img-initialen {
			transition: all 1.0s ease-in-out 14.0s;
			opacity:1;
			}


#topcontainer {
	width: 100%;
	height: 72px;
	position: relative;
	z-index: 900;
	position: fixed;
	top: 0;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
	#topcontainer.sticky {
		background-color: #fff;
		height: 50px;
		box-shadow: 0 1px 2px -2px black;
		}
		#topcontainer.sticky a {
			color: #000;
			}
		#topcontainer.sticky .toplogo img {
			padding: 0;
			height: 87px;
			content:url("../../../images/logo-2-200-top.png");
			}
		#topcontainer.sticky .topmenu {
			padding-top: 4px;
			}

	.naam {
		font-size: 40px;
		color: #fff;
		}
		#topcontainer.sticky .naam {
			color: #000;
			}

	.bigadventuresstartsmall {
		font-size: 30px;
		color: #fff;
		padding-top: 5px;
		}
		#topcontainer.sticky .bigadventuresstartsmall {
			color: #3F51B5;
			}
	
	
	.topwrapper { 
		width: 90vw;
		max-width: 1600px;
		height: 40px;
		margin: 0px auto;
		}
		.toplogo {
			float: left;
			}
			.toplogo img {
				padding: 14px 0;
				height: 120px;
				-moz-transition: all 0.4s ease;
				-webkit-transition: all 0.4s ease;
				-o-transition: all 0.4s ease;
				transition: all 0.4s ease;
				}
		.topmenu {
			float: right;
			text-align: right;
			padding-top: 10px;
			-moz-transition: all 0.4s ease;
			-webkit-transition: all 0.4s ease;
			-o-transition: all 0.4s ease;
			transition: all 0.4s ease;
			}
		.mobilemenu,
		.mean-bar {
			display: none;
			}

.headercontainer {
	height: 0;
	position: relative;
	box-shadow: 0 1px 2px 1px black;
	margin-top: 100vh;
	}
	.headerwrapper {
		position: relative;
		height: 100%;
		padding-left: 5vw;
		}
		.headercontent {
			height: 62px;
			margin: auto;
			position: absolute;
			top: 0;
			bottom: 0;
			font-size: 20px;
			}
			.headertitel {
				font-size: 30px;
				font-weight: 500;
				}
	.ctacontainer {
		width: 330px;
		right: 5vw;
		bottom: -20px;
		background: #fff;
		color: #fff;
		position: absolute;
		z-index: 2;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		box-shadow: 0 0 10px 0 black;
		-moz-transition: all 0.4s ease;
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
		}
		.cta {
			color: #404040;
			text-align: center;
			font-size: 24px;
			padding: 30px;
			z-index: 3;
			}
			.fronttitelcta {
				margin-bottom: 10px;
				}
				.fronttitelcta2 {
					font-size: 36px;
					font-weight: 500;
					}
					#bfElemWrap40 {
						transform: scale(0.86);
						overflow: visible;
						margin-left: -20px;
						}
					.bfQuickMode .bfErrorMessage {
						font-size: 14px;
						}		
	
.home {
	margin-top: 50px;
	}

.maincontainer {
	width: 80vw;
	max-width: 1024px;
	margin: 0px auto;
	padding-top: 50px;
	}
	.mainwrapper {
		padding: 0 8vw 40px;
		}
		.mainwrapper h2 {
			margin-left: -6vw;
			margin-right: -6vw;
			}
		.mainbody {
			
			}
		.maintestimonials {
			padding: 0 0 40px;
			}


	
.footercontainer { 
	width: 100%;
	margin: 0px 0 0;
	background: #0f66d2;
	}
	.footerwrapper {  
		width: 80vw;
		max-width: 1024px;
		margin: 0px auto;
		min-height: 200px;
		}
		.footer { 
			color: #000;
			text-align: center;
			padding: 10px 20px 50px 0;
			font-size: 14px;
			}
			.footer a {
				color: #000;
				text-decoration: none;
				}
			.footer a:hover {
				text-decoration: underline;
				}
			.footer h3 {
				padding-bottom: 20px;
				color: #fff;
				}
				.acym_form {
					margin: 0 auto;
					display: inline-flex;
					}
					.acysubbuttons {
						display: inline-flex;
						}
				.acym_module_form input {
					max-width: 100%;
					font-size: 18px;
					padding: 5px 10px;
					border: 0;
					margin: 0 5px;
					}
					.subbutton {
						background: #FFC107;
						color: #3F51B5;
						}

.bottomcontainer { 
	width: 100%;
	margin: 0;
	padding: 20px 0 5px;
	}
	.bottom {  
		width: 80vw;
		max-width: 1024px;
		margin: 0px auto;
		text-align: center;
		font-size: calc(12px + 0.3vw);
		}

.mean-container .mean-bar {
	position: fixed !important;
	top: 10px;
	background: none !important;
	-moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
	}
	.mean-container a.meanmenu-reveal {
		right: 10px !important;
		}
	.mean-container .mean-nav {
		background: #3F51B5 !important;
		}
	.sticky .mean-bar {
		top: 0;
		}
	.sticky a.meanmenu-reveal span {
		background: #000 !important;
		}
	.mean-container a.meanmenu-reveal {
		color: #000 !important;
		}


/*
.topwrapper { 
	height: 200px;
	width:960px;
	margin: 0;
	padding: 0;
	background: red url('../images/top-bg.png') repeat-x 0 0;
	}
	.topcontainer {  
		width:960px;
		height: 145px;		
		}
		.toplogo { 
			width:700px;
			height:145px;
			float:left;
			background: blue;
			}
		.topsocial { 
			width:260px;
			height:25px;
			float:left;
			text-align: right;
			margin-top: 20px;
			background: yellow;
			}
	.menucontainer {
		width: 960px;
		height: 35px;
		text-align: right;
		background: purple;
		}

.mainwrapper { 
	width: 960px;
	margin: 0px auto; 
	background: yellow;
	}
	.maincontainer {
		min-height: 500px;
		padding: 0 20px;
		overflow: auto;
		}
		#mainnieuws {
			width: 178px;
			height: 278px;
			border: 1px solid #000;
			float: left;
			margin-right: 20px;
			padding: 10px;
			position: relative;
			overflow: hidden;
			background: green;
			}
		#mainbody {
			float: left;
			width: 700px;
			margin-bottom: 20px;
			background: blue;
			}
			.maincontent {
				clear: both;
				}

.footerwrapper { 
	width: 100%;
	margin: 0px;
	}
	.footercontainer {  
		width: 960px;
		height: 40px;
		margin: 0px auto; 
		background-color: purple;
		}
		.footer { 
			color: #000;
			text-align:right;
			padding: 10px 20px 0 0;
			font-size: 14px;
			}
			.footer a {
				color: #000;
				text-decoration: none;
				}
			.footer a:hover {
				text-decoration: underline;
				}

*/

.mobilefooter {
	display: none;
	position: fixed;
	bottom: 0;
	background: #3F51B5;
	border-top: 1px solid #fff;
	height: 68px;
	width: 100%;
	z-index: 999999;
	}
	.icon::before {
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		}
	.mfroute {
		width: 33.3%;
		position: relative;
		text-align: center;
		float: left;
		padding-top: 12px;
		}
		.mfroute .custom {
			margin-top: -3px;
			}
		.mfroute::before {
			font-family: "Font Awesome 5 Free"; 
			content: "\f4d7";
			font-weight: 900;
			color: #fff;
			font-size: 26px;
			}
		.mfborderright {
			border-right: 1px solid #fff;
			height: 68px;
			width: 0px;
			position: absolute;
			right: 0;
			top: 0;
			}
	.mfbelmij {
		width: 33.4%;
		position: relative;
		text-align: center;
		float: left;
		padding-top: 12px;
		}
		.mfbelmij .custom {
			margin-top: -3px;
			}
		.mfbelmij::before {
			font-family: 'Font Awesome 5 Free';
			content: ' \f095';
			font-weight: 900;
			color: #fff;
			font-size: 26px;
			}
	.mfwhatsapp {
		width: 33.3%;
		text-align: center;
		float: right;
		padding-top: 10px;
		}
		.mfwhatsapp .custom {
			margin-top: -5px;
			}
		.mfwhatsapp::before {
			font-family: "Font Awesome 5 Brands"; 
			content: "\f232";
			font-weight: 300;
			color: #fff;
			font-size: 30px;
			}

.mobilefooter a {
	color: #fff;
	font-weight: 300;
	font-size: 13px;
	padding: 40px 0 0;
	}

/* #######################  END LAYOUT SETTINGS ############################ */

/* #########  RESPONSIVE SETTINGS ############# */

input[type=button] { /* button layout on ios normaal */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	}

@media only screen /* voor menu */
  and (max-width: 805px) {
	
	.bigadventuresstartsmall {
		display: none;
		}
	}

@media only screen /* voor menu */
  and (max-width: 480px) {
	
	.naam {
		font-size: 30px;
		padding-top: 5px;
		}
	}

@media only screen /* voor menu */
  and (max-width: 1050px) {
	
	.topmenu li {
		margin: 0;
		}
	
	.toplogo img {
		height: 110px;
		}
	
	.acym_form {
		display: block;
		}
		.onefield {
			margin-bottom: 5px;
			}
	.ctacontainer {
		right: 5vw;
		}
	}

@media only screen /* voor cta form */
  and (max-width: 1000px) {
	.ctacontainer {
		bottom: 18vh;
		}
	}


@media only screen /* voor menu */
  and (max-width: 870px) {
	
	.topmenu li {
		padding: 1px 0 2px;
		}
	
	.toplogo img {
		height: 90px;
		}

	}

@media only screen /* voor menu */
  and (max-width: 730px) {
	
	.topmenu {
		display: none;
		}
	.mobilemenu,
	.mean-bar {
		display: block;
		}

	}

@media only screen /* voor cta form */
  and (max-width: 680px) {
	.ctacontainer {
		display: none;
		}
	}



/* #########  MOBILE SETTINGS ############# 

@media only screen 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) { 
  
 @media screen and (orientation:landscape) { … }

  */

@media only screen /* voor test op desktop 490px normaal 414px*/
  and (max-width: 414px) {

html {	
	}
body {
	text-align: unset;
	}

h1, h2, h3, h6 {	
	}

body,
.ctabutton, 
.ctabutton:visited, 
.bfSubmitButton,
.normalbutton, 
.normalbutton:visited,
.acym_module_form input,
.bfQuickMode section input[type='text'], 
.bfQuickMode section textarea, 
.bfQuickMode section select {
	font-size: 21px;
	}
.bfQuickMode section textarea {
	height: 180px;
	}
.cta {
	font-size: 24px;
	bottom: 6vh;
	}

.testimonialrow,
.contactdiv-l,
.contactdiv-r {
	width: 100%;
	}
	.testimonialtext {
		width: 100%;
		}

.bottom {
	font-size: 20px;
	}

.subbutton {
	width: 200px;
	}

.bottomcontainer {
	padding: 20px 0 80px;
	}

.mobilefooter {
	display: block;
	}
}

/* @media only screen 
  and (max-device-width: 411px) - Google Nexus 5, 5X, 6, 6P, Pixel */

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

}

/* @media only screen 
  and (max-device-width: 375px) - iPhone 6, 7 */

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

}

/* @media only screen 
  and (max-device-width: 360px) - Samsung Galaxy S3-S6, S III, Xiaomi(most), Sony Xperia S, Z, Ion */

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

}

/* @media only screen 
  and (max-device-width: 320px) - ipone 5, Samsung Galaxy S, S2, S II, iPhone 3, 4, 4S, Microsoft Lumia 620, 830, 900, 920, 925, 1020 */

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

}

/* #########  END MOBILE SETTINGS ############# */