@media (max-width: 767px) {

.invisible-xs{
	display: none;
}

.home .intro{
	z-index: 9999;
	padding-top: 80px;
}

.mobile-header{
	float: left; display: inline-block;
	width: 100%;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}

	.header .nav {
		display: none;
		clear: both;
		}
		
	.header .nav li,
	.header .navmobile li {
		width: 100%;
		padding: 5px 0;}

	.header .mobile-buttons {
		float: right;
		margin-top: 45px;}
	
	.header .mobile-buttons a{
		width: 48px;
		height: 48px;
		margin: 10px 5px 20px 0;
		display: inline-block;
		float: right;
		border-radius: 5px;
		color: #fff;
		text-align: center;
		font-size: 24px;
		padding-top: 8px;}
		
	.nav{
		display: none !important;}
	
	.navmobile{
		display: none;
		height: calc(100vh - 100px) !important;
		overflow: scroll;
	}
	
	.persuasion{
		display: none;}
		
	.logo-container{
		width: 20%;}
	
	.header .logo{
		width: 60%;
		padding: 10px 0 0 0;
		margin: 0;}
	
	.header-slider{
		padding: 0 10px;
		margin-bottom: 10px;}
	
	.header .zoeken {
		display: none;
		width: 100%;}
		
		.zoeken form{
			width: 100%;}
		
		.zoeken form input{
			width: 100%;
			margin: 0;}
		
		.zoeken form label{
			width: 80%;
			float: left; display: inline-block;
			margin: 0; padding: 0;}
		
		.zoeken form input[type=submit]{
			width: 20%;
			float: left; display: inline-block;}
			
.clearmobile{
	clear: both;
	display: block;}
	
.head-contact{
	float: right;
}
			
.topmenu{
	display: none;}
	
	.topmenu i{
		clear: both;
	}
	
.contactopnemen,
.footer{
	padding: 40px 0;
}

.footer{
	padding-top: 100px;
}

.home .header-slider{
	min-height: inherit;
	margin-top: 20px;
}



	
.intro{
	float: left; display: inline-block;
	width: 100%;
	top: 0;
	left: 0;
	padding: 30px 0;
	margin: 0;}		
			
.ingangen{
	top: 0;
	padding: 20px 0;}

	.navigatie{
		width: 100%;}
	
	.navigatie .nav,
	.navigatie .navmobile{
		float: none;
		height: auto;}
		
		.navigatie .navmobile ul{
			margin-top: 30px;
		}
	
	.navigatie .nav ul li a,
	.navigatie .navmobile ul li a{
		font-size: 18px;
		padding: 5px 0;}
		
h1{
	font-size: 21px;}

h3{
	font-size: 20px;}
	
.usp{
	height: 38px;
	overflow: hidden;}

.usp ul li{
	display: none;}
	
	
.padding{
	padding-right: 15px;
}

.afbeelding3{
	float: left; display: inline-block;
	margin-top: 20px;
	width: 100%;
}

.navmobile .sub-menu{
	display: block;
	margin: 0 0 0 20px !important;}
	
	
#cn-notice-text{
	width: 100%;
	text-align: center;
}

.cookie-notice-hidden{
	padding: 0 !important;
}

.hp-agenda{
	margin: 30px 0;
}

.facebookframe{
	float: left;
	margin-top: 15px;
}

.directnaar-afb{
	margin-bottom: 20px;
}

.primary-sidebar{
	margin-top: 30px;
}

.article-image,
.article-text{
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
}

.gfield_checkbox li input[type=checkbox]{
	width: 15px !important;
	height: 15px !important;
}

.actueel .cycle-logoshow{
	height: 50px;
}

.actueel .cycle-logo, .actueel .logo-container{
		display: block;
		background: white;
		border-radius: 5px;
		padding: 5px;
		margin: 0 5px;
		background: #fff;
		border-radius: 5px;
		border: 1px solid #f2f2f2;}

.actueel .slider .cycle-prev{
		position: relative;
		left: 0px;
		top: 10px;}

.actueel .slider .cycle-next{
		position: relative;
		right: 0px;
		padding: 8px 18px 4px 20px;
		top:10px;}
		
.intro .intro-text{
	padding: 0 30px;
}

.intro .intro-text h1{
	margin-bottom: 10px;
}

.intro .intro-text p{
	font-size: 16px;
	line-height: 21px;
}

.intro .intro-text h3{
	font-size: 16px;
}

.dag{
	float: left; display: inline-block;
	width: 100%;
	margin-bottom: 10px;}
	
.wp-block-column{
	margin-bottom: 30px;
}

.wp-block-column figure{
	margin-bottom: 0;
}

.extra-sponsoren ul li{
		float: left;
		width: 100%;}
		
	.videoicon{
		padding-top: 80px;
	}
	
	.page-template-template-vervolg .videoicon{
		padding-top: 80px;
	}
	
	.gfield_checkbox li input[type=checkbox]{
		width: 20px !important;
		height: 20px !important;
		font-size: 12px !important;
		padding: 0 !important;}
		
	.gform_body input[type="checkbox"]{
		width: 20px !important;
		height: 20px !important;
		font-size: 12px !important;
		padding: 0 !important;
	}
	
	
	
	
	.ervaring-person{
		float: left;}
	
	.ervaring-quote{
		float: right;}
		
		.ervaringen-vervolg .ervaring-person,
		.ervaringen-vervolg .ervaring-quote{
			width: 100%;
		}

.instatekst{
	padding: 0;
}

	
}