:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 50, 43, 121;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: 'proxima-nova', sans-serif;
  --bs-font-monospace: 'proxima-nova', sans-serif;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 200;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #020202;
}


.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
 
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}

/* 2x1 Aspect Ratio */
.intrinsic-container-2x1 {
  padding-bottom: 50%;
}
 
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}
 
.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}



body, html{
	overflow-x: hidden;	
}

body{
background: url(/assets/img/bg-grid.png);
background-color: #020202;
padding-bottom: 100px;
background-attachment: fixed;


}

h1,h2,h3,h4,h5{
	font-weight: 200;
	color: #ddd;
}

.bg-transparent{
	background-image: url(/assets/img/bg-nav.gif);
	background-repeat: repeat-x;
	background-size: contain;
	
	position: fixed;
	width: 100vw;
	z-index: 999;
}

.bodyspacer{
	height: 98px;
}






.sloganwrap{
	margin-top: 80px;
}

.cornerwrap{
	width: 600px;
	padding: 5px 5px 15px 5px;
	background-image: url(/assets/img/bg-square.png);
	background-repeat: no-repeat;
	background-size: 100% 90%;
	background-color: transparent;
	margin: 0 auto;
}

.cornerwrap2{
	width: 400px;
	padding: 5px 5px 20px 5px;
	background-image: url(/assets/img/bg-square2.png);
	background-repeat: no-repeat;
	background-size: 100% 90%;
	background-color: transparent;
	margin: 0 auto;
}

.cornerwrap3{
	width: 800px;
	padding: 5px 5px 15px 5px;
	background-image: url(/assets/img/bg-square3.png);
	background-repeat: no-repeat;
	background-size: 100% 90%;
	background-color: transparent;
	margin: 0 auto;
}

#contact2{
	transform: rotate(45deg);
	margin-top: 100px;
	

}

.contact2{
	background-color: #111;
	color: rgba(255,255,255, 0.8);
	font-size: 1.4vw;
	aspect-ratio: 1 / 1;
	width: 50%;
	height: 50%;
	margin: 3.5%;
	
	text-align: center;	

}

.contact2 h2{
	font-size: 1.5vw;
	margin-top: 2vw;
}

.contact2wrap{
	width: 40%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;

}

.contact2txt{
	transform: rotate(-45deg);
	position: relative;
	left: -1vw;
	top:3.5vw;
	padding: 0;
	margin: 0;

}




.contact2txt a{
	color: #fff;
}

.rotatebg{
	transform: rotate(45deg);
}

.rotatetxt{
	transform: rotate(-45deg);
	text-align: center;
	position: relative;
	top:25%;
	left: -20%;
}


.reset{
	margin: 0px;
	padding: 0px;
}

.bgcorners{
	background-color: transparent;
	background-image: url(/assets/img/bg-corners.png);
	background-repeat: no-repeat;
	background-size: 50% 50%;
}





.slogantxt{
	
	background-color: #111111 ;
	color: #fff;

	text-align: center;
	padding: 12px;
}

.slogantxt h1, h2{
	font-size: 28px;
	font-weight: 100;
	font-style: italic;
	
}

.heading{

	background-image: url(/assets/img/bg-square.png);
	background-repeat: no-repeat;
	background-size: 100% 90%;
	padding: 20px !important;
}

.heading h1, h2{
	font-size: 24px;
	font-weight: 300;
	font-style: italic;
	
}

body.proces{
	background-image: url(/assets/img/bg-proces.jpg);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center top;
	background-attachment:inherit;
	padding-bottom: 300px;
}

.bgblue{
	background-color: #232c49 !important;
	background-position: 5px;
	background-size: 98.4% 90%;
	padding: 5px 5px 0px 5px;
	text-align: center;


}

.bgblue .slogantxt{
	background-color: transparent !important;
}




.bglight{
	
	background-color: rgba(64,81,134,0.5);
	color: rgba(255,255,255,0.75);
	font-size: 24px;
	font-weight: 100 !important;
	font-style: italic;
	text-align: right;
	margin-top: 60px;
	
	padding: 5px 40px 5px 40px;
	
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	
}

.bglight2{
	
	background-color: rgba(64,81,134,0.5);
	color: rgba(255,255,255,0.75);
	font-size: 30px;
	font-weight: 300 !important;
	font-style: italic;
	text-align: center;
	margin-top: 60px;
	
	padding: 25px 40px 20px 40px;
	
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	
}


.bgdark{
	background-color: rgba(20,20,20,0.9);
	color: rgba(255,255,255,0.75);
	font-size: 19px;
	font-weight: 100 !important;
	line-height: 30px;
	padding: 15px 40px 5px 40px;

	
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	
}

.bgdark2{
	background-color: rgba(20,20,20,1);
	color: rgba(255,255,255,0.75);
	font-size: 26px;
	font-weight: 300 !important;
	font-style: italic;
	line-height: 30px;
	
	padding: 30px 130px;
	margin-top: 50px;

	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	
}

.center{
	display: flex;
	flex-direction: row;
	font-size: 0px;
	vertical-align:baseline;
	padding: 0 70px;


}

.bgdarkcols{
	width: 50%;
	display: inline-block;
		background-color: rgba(20,20,20,1);
	color: rgba(255,255,255,0.75);

	font-size: 18px;
	font-weight: 300 !important;

	line-height: 25px;
	padding: 0px 30px 5px 30px;
	margin-top: 50px;

	
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	
}


.bgdarkcols h4{
	font-size: 19px;
	font-weight: 400;
	font-style: italic;
	margin-top: 40px;
}


#werk{
	
margin: 50px 0 50px 0;

}

#werk .row{
	padding: 0 15px;
background-color: #000;
border-radius:  20px;
}

#werk img{
	width: 100%;
	border-radius: 10px;
	
}

#werk div{
	position: relative;
}

#werk a{
	text-decoration: none;
	color: #fff;

}

#werk h3{
	font-size: 16px;
	padding: 0;
	margin: 0;

}

#werk p{
	font-size: 14px;
	font-style: italic;
	color: #fff;
	padding: 0;
	margin: 0;

}


#team img{
	width: 80% !important;
	height: auto !important;
	margin: 0 auto;
	display: block;

}


.werktitel{
	position: absolute !important;
	top:60%;
	left: 55%;
	z-index: 99;
	white-space: nowrap;
	background-color: rgba(0,0,0,0.9);
	color: rgba(255,255,255,0.75);
	padding: 5px 15px 0px 15px !important;
	width: inherit;
}

.werktitel h2{
	font-style: normal;
	margin-bottom: 0px;
}

.werktitel p{
	font-style: normal;
	margin-bottom: 5px;
}

.werkintro h2{
	padding: 20px;
	text-align: center;
	font-weight: 100 !important;
	margin-bottom: 0px;
}


.werktextwrap{
	position: absolute !important;
	z-index: 99;
	width: 26%;
	left: 55%;
	top: 175px;
}


.werkinfo{
	background-color: rgba(0,0,0,0.75);
	color: rgba(255,255,255,0.75);
	padding: 10px 30px 1px 30px !important;
	font-style: italic;
	margin-bottom: 90px;
	
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
}


.werktekst1{

	padding: 0 !important;
	margin: 0;
	left: 20px;

}

.werktekst1 p{
	background-color: rgba(0,0,0,0.75);
	color: rgba(255,255,255,0.75);
	padding: 10px 30px 17px 30px !important;
	margin-top: 30px;
	font-size: 15px;
	
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
}

.werktekst1 strong{
	background-color: #000;
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	display: inline-block;
	padding: 2px 5px 2px 5px;
	margin: 10px 0;
}



#team .text{
	color: rgba(255,255,255,0.8);
	font-size: 17px;
	line-height: 23px;
	
	position: relative;
	top:-20px;
	
	z-index: -1;
	
	min-height: 350px;
	margin: 0 20px;
	padding: 30px 32px;
}

#teamfooter .text{
	color: rgba(255,255,255,0.8);
	font-size: 17px;
	line-height: 23px;

}



#team h1{
	font-size: 21px;
	font-weight: 400;
	font-style: italic;
	margin-bottom: 0px;
}

#team h2{
	font-size: 18px;
	font-weight: 100;
	font-style: italic;
	margin-bottom: 20px;
}


#portfolio {
	margin-bottom: 300px;
	overflow: hidden;
}

#portfolio div{
	position: relative;
	padding: 0;
}

#portfolio h1{
	width: 50%;
	padding: 30px 80px;
	font-style: italic;
	color: #fff;
	font-weight: normal;
	font-size: 31px;
	background-color: #151515;
	margin: 0;
}


#portfolio img{
	width: 100%;
}

#portfolio .textwrap{

	
	position: absolute;
	z-index: 2;
	top: 15vw;
	right: 60px;
}


#portfolio .textwrap2{

display: none;
}

#portfolio .text1 {
	width: 40vw;
	max-width: 500px;
	background-color: #121212 ;
	color: grey;
	padding: 30px 40px;
	margin-bottom: 60px;
	

}

#portfolio .text2 {
	width: 40vw;
	max-width: 500px;
	background-color: #121212 ;
	color: grey;
	padding: 30px 40px;
	margin-bottom: 100px;
	

}



#archief img{
	width: 100%;
	margin-bottom: 30px;
}

#archief div{
	text-align: center;
	padding: 5px 5px 4px 5px;

}

#archief div.row{
	text-align: center;
	background-color: #000;
}

.txtblock1{
	width: 600px;
	margin: 75px auto;
	background-color: #111;
	padding: 15px 20px 10px 20px !important;
	text-align: center;
}

.txtblock1 h1{
	font-size: 28px;
	color: #555;
	font-style: italic;
	white-space: nowrap;
}

.archieflink{
	text-align: center;
	padding: 100px 20px;
	
}

.button{
	display: block;
	color: #444 !important;
	font-size: 28px;
	font-style: italic;
	padding: 10px 20px;
	border: 2px solid #444;
	width: 300px;
	margin: 0 auto;
	border-radius: 6px;
}

.button:hover{

	color: #fff !important;
	border: 2px solid #fff;

}




.text{
	background-color: #151515 ;
	color: grey;
	padding: 30px 40px;
	margin: 20px 10px 60px 10px;
}


#contact{
	
}

.textlarge{
	color: white;
	padding: 30px 40px;
	font-size: 24px;
	margin: 60px auto;
	text-align: left !important;
}

.textlarge a{
	color: white;
	text-decoration: none;
}

.textlarge a:hover{
	color: grey;
	
}




.previewwrap{
	margin: 30px 0;
	overflow:hidden;

}

.previewtext{
	position: absolute !important;
	bottom: 10px;
	left: 10px;
	background-color: #121212;
	padding: 5px 10px;
	width: max-content;
	
	display: none;
	white-space: nowrap;
}



.navbar-collapse{
	position: relative;
	top:-30px;
	background-color: #000;
}

.navbar-toggler{
	position: relative;
	top: -30px;
}


.navbar{
	box-shadow: none;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 1);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.nav-link{
	cursor: pointer !important;
	font-weight: 200;
	font-size: 22px;
	color: #666666 !important;
	font-family: 'Barlow Condensed', sans-serif;
	padding-bottom: 5px !important;

}

.nav-link:hover{

	color: #fff !important;
}

.active{
	color: #fff !important;
}

.nav-spacer{
	width: calc(10px + 2vw);
	height: 35px; 
	
}


.nav-item{
	padding: 0px calc(17px + 1vw) 0px 0px;

}

.active span{
	border-bottom: 0px solid white !important;
	padding-bottom: 5px;
	
}

.nav-afspraak{
	position: relative;
	top:-5px;
}

.text-right{
	text-align: right;
}


.bg-blue{
	background-image: url(/assets/img/bg-1.jpg) !important;
	background-position:center top;
	background-repeat: no-repeat;
	background-size: auto 840px;
	min-height:1000px;
	
}

.bg-blue h1{
	font-size: 40px;
}


.pt-100{
	padding-top:100px;
	
}

.pr-20{
	padding-right:80px;
	
}

.lh-h h1{
	
	line-height: 60px;
}

.lh-h h2{
	
	line-height: 60px;
}

.lh-h p{
	
	line-height: 30px;
}



.font-light p{
	font-weight: 200;
}

.font-light p a{
	text-decoration: none;
	color: #000;
}

.font-light p a:hover{
	font-weight: 200;
}


.font-lighter p{
	font-weight: 200;
	font-size: 12px;
}

.font-lighter p a{
	text-decoration: none;
	color: #000;
}

.font-lighter p a:hover{
	font-weight: 200;
}

.arrow-menu{
	display: inline;
	width: 65px;
	margin-right:20px;
	margin-left:12vw;
}

.arrow-down{
	display: inline;
	width: 40px;
	vertical-align: text-bottom;
	position:relative;
	top:15px;
	
	margin-right: 10px;

	
}

.arrow-right{
	display: inline;
	width: 40px;
	vertical-align: text-middle;
	position:relative;
	top:;
	left:-20px;
	transform: rotate(-90deg);
	
	margin-right: 5px;
	
}


.white{
	
	color: #fff;
}

.white p a{
	
	color: #fff !important;
}

.black{
	
	color: #000;
}

.grey{
	
	color: #d0ced9;
}

.font-larger h1{
	
	font-size: 55px;
	font-weight: 500;
	letter-spacing: 2px;
	padding-bottom: 10px;
}



.font-large h1{
	
	font-size: 50px;
	font-weight: 500;
	letter-spacing: 2px;
}

.font-large h2{
	
	font-size: 40px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 60px;
}



.bg-color-blue{
	
	background-color: #322b79;
}

.bg-2{
	background-image: url(/assets/img/bg-2.png);
	background-repeat: no-repeat;
	background-size: 50vw;
}

.bg-3{
	background-image: url(/assets/img/bg-3.png);
	background-repeat: no-repeat;
	background-size: ;
	background-position: right bottom;
	
}



.align-center{
	
 align-items: center;
}

.align-right{
	
 align-items: right !important;
}


.m-0{
	
	margin: 0 !important;

}

.pl-5{
	padding-left: 50px;
}

.pr-5{
	padding-right: 50px;
}

.pr-10{
	padding-right: 100px;
}

.pt-10{
	padding-top: 100px;
}

.mt-10{
	margin-top: 100px;
}

.mt-15{
	margin-top: 150px;
}

.mb-15{
	margin-bottom: 150px;
}

.pb-15{
	padding-bottom: 150px;
}

.pb-10{
	padding-bottom: 100px;
}

.w-90{
	width: 90%;
}



.bullets{
	width: 110px;
	margin-bottom: 50px;
	display: block;
}

.bullet-yellow{
	width: 25px;
	margin: 15px 10px 15px 0px;
	
}

.lb-1{
	border-bottom: 1px solid #e7e6ec;
	
}

.footer-bee h2{
	
	font-size: 43px;
	color: #d0ced9;
	width: 250px;
	padding-top: 30px;
}

.footer-bee h6{
	padding-bottom: 20px;
}

.footer-bee p{
	line-height: 28px;
}

.font-small p{
	font-size: 14px;
}


.copyright:after{
	content: "©  " attr(data-date) " Copyright message";
}



.logos{
	
	background-color: #2c236e;
}
.bg-logos{
	background-image: url(/assets/img/bg-logos.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 135px;
}

.bg-logos2{
	background-image: url(/assets/img/bg-logos2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 80px;
	
}


.logo-wrap{
	position: relative;
	overflow: auto;
}


.carousel-indicators{
	
	bottom:-70px;
}




/*** team ***/

.mh-5{
	min-height: 600px;
}


.bg-4{
	background-image: url(/assets/img/bg-4.png);
	background-repeat: no-repeat;
	background-size: 90vw;
	background-position: left bottom;
	
}

.pr-1{
	position: relative;
	top:-60px;
}

.pr-2{
	position: relative;
	top:-30px;
}

.pa-1{
	position: absolute;
	width: inherit;
}

.pr-4{
	position: relative;
	top:-60px;
}


.pr-5{
	position: relative;
	top: 5px;
	left: 23px;
	
}




.hover-1:hover{
	opacity: 0.2;
}

.hover-2:hover{
	opacity: 0.5;
	
}




.blue{
	color: #413c58;
}

.team h3{
	font-weight: 500;
	font-size: 36px;
	line-height: 30px;
}

.va-m{
	padding-top: 30%;
}

.relative{
	position: relative;
}

.linkedin{
	width: 60px;
	height: 60px;
	margin-top: 0;
	cursor: pointer;
	position: absolute;
	left: calc(50% - 30px);
	bottom: 40%;
	border: 0px solid #000;
}

.member{
	background-size: 100%;
	background-repeat: no-repeat;
	min-height: 440px;
	cursor: pointer;
	position: relative;
	
}

.spacer-team{
	width: 70%;
	height: 120px;
	margin-top:27.5%;
	margin-bottom:0;
	border: 0px solid #000;
}


/*** Evenementen ***/


.white p a{
	color: #fff;
}

.arrow-bg-blue{
	display: inline;
	width: 65px;
	margin-right: 10px;
}




/*** Over ons ***/

.par-2{
	
	padding-right: 25px;
}


/*** pagina ***/

.page h2{
	
	padding-bottom: 20px;
	padding-top: 60px;
	
}


.bg-5{
	background-image: url(/assets/img/bg-5.png);
	background-repeat: no-repeat;
	background-size: ;
	background-position: right bottom;
	background-position-x: calc(85vw - 200px);
	
}

.bg-6{
	background-image: url(/assets/img/bg-5.png);
	background-repeat: no-repeat;
	background-size: ;
	background-position: right bottom;
	background-position-x: calc(85vw - 200px);
	
}

.page a{
	
	text-decoration: none;
	color: #000;
}

.page a:hover{
	
	font-weight: 500;
}

.page h3 a:hover{
	
	text-decoration: underline;
}


/*** 404 ***/

.yellow-large{
	
	color: #f7c122;
	font-size: 36px;
	font-weight: 500;
}

a.bg-blue{
	
	text-decoration: none;
	font-weight: 200;
}

a.bg-blue:hover{

	font-weight: 500;
}


.visible-md{
	display: block !important;
}

.visible-xs{
	display: none !important;
}

.spacer-banner{
	height: 140px;
}












@media (max-width: 990px) {
	
	
	.textlarge{
	font-size: 19px;
	padding: 30px !important;
	
	}
	
	#portfolio .textwrap{

	display: none;
	}
	
	#portfolio .textwrap2{

	display: block;
	padding: 40px;
	color: grey;
	}
	
	
	#portfolio h1{
	width: 100%;
	padding: 30px 40px;
	font-style: italic;
	color: #fff;
	font-weight: normal;
	font-size: 31px;
	background-color: #151515;
	margin: 0;
}
	
	
	
	
	
	.bodyspacer{
	height: 110px;
	}


	
	.navbar-brand img{
		width: 125px;
	}
	
	
	
	
	
	.slogantxt{
	width: 80%;
	background-color: #151515 ;
	color: #fff;
	margin: 0 auto;
	text-align: center;
	padding: 15px;
}

.slogantxt h1, h2{
	font-size: 21px;
	font-weight: 100;
	font-style: italic;
	
}

.previewtext{
	position: absolute !important;
	bottom: 10px;
	left: 10px;
	background-color: #121212;
	padding: 5px 10px;
	width: max-content;
	
	display: block;
}
	
	
	
	
#werk{
	
margin: 50px 0 100px 0;


}	
	
	
	
	
	
	
	
	
	
.visible-md{
	display: none !important;
}
	
.visible-xs{
	display: block !important;
}

.carousel-indicators{
	
	bottom:-100px;
}
	
	.nav-item{
		
		padding-bottom: 0px;
		border-bottom: 1px solid grey;
	}
	
	.nav-item .active{
		
		font-weight: 500;
	}
	
	
	.active span{
	border-bottom: 0px solid white !important;
	padding-bottom: 5px;
	
}
	
	.arrow-menu{
	display: none;
	width: 65px;
	margin-right:20px;
	margin-left: 0;
}


.bg-3{
	background-image: url(/assets/img/bg-3.png);
	background-repeat: no-repeat;
	background-size: 40%;
	background-position: right bottom;
	
}

	
	
	.bg-blue, .bg-4{
	background-image: url(/assets/img/bg-1a.jpg) !important;
	background-position:center top;
	background-repeat: no-repeat;
	background-size: 600px;
	min-height:;
	
}

.bg-5{
	background-image: url(/assets/img/bg-1a.jpg) !important;
	background-position:center -350px;
	background-repeat: no-repeat;
	background-size: 600px;
	min-height:;
	
}

.bg-6{
	background-image: url(/assets/img/bg-1a.jpg) !important;
	background-position:center -250px;
	background-repeat: no-repeat;
	background-size: 600px;
	min-height:;
	background-color: white;
	
}





.bg-blue h1{
	font-size: 36px;
}


.m-bg-white{
	background-color: white;
	
}

.pr-20{
	padding-right:40px;
	
}

.lh-h h1{
	line-height: 45px;
}

.lh-h h2{
	
	line-height: 45px !important ;
}


.lh-h p{
	line-height: 25px;
}

.w-90{
	width: 100%;
}


.font-larger h1{
	
	font-size: 38px;
	font-weight: 500;
	letter-spacing: 0px;
	padding-bottom: 10px;
	line-height: 45px;
}



.font-large h1{
	
	font-size: 40px;
	font-weight: 600;
	letter-spacing: 0px;
}

.font-large h2{
	
	font-size: 40px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 60px;
}

/* font vetter 200 --> 400 */
.font-light p{
	font-weight: 400 !important;
}

.font-light p a{
	text-decoration: none;
	color: #000;
}

.font-light p a:hover{
	font-weight: 400;
}

h3{
	font-size: 30px;
	font-weight: 600;
}


.arrow-down{
	display: inline;
	width: 30px;
	vertical-align: top;
	position:relative;
	top:0px;
	
	margin-right: 30px;

	
}


.arrow-right{
	display: inline;
	width: 30px;
	vertical-align: text-middle;
	position:relative;
	top:;
	left:12px;
	transform: rotate(-90deg);
	
	margin-right: 32px;
	
}






.member{
	background-size: 115%;
	background-repeat: no-repeat;
	background-position:center top;
	min-height: 440px;
	cursor: pointer;
	position: relative;
	padding: 0;
	
}


.m-linkedin{
	float: right;

	position: relative;
	top: -12px;
}

.m-member{
	position: relative;
	top: -30px;
	padding: 0;
}

.m-member p a{
	text-decoration: none;
	color: #322b79;
	font-size: 23px;
	font-weight: 400;
}

.m-member p a:hover{
	font-weight: 500;
}

.m-pl-1{
	padding-left: 0px;
}

.pr-1{
	position: relative;
	top:0px;
}

.pr-2{
	position: relative;
	top:0px;
}

.pr-4{
	position: relative;
	top:0px;
}

.m-mt-3{
	margin-top: 30px !important;
}


.m-mt-5{
	margin-top: 50px !important;
}

.m-mb-0{
	margin-bottom: 0px !important;
}

.m-pr-0{
	padding-right: 0px;
}


.m-over-ons{
	margin-top: 100px;

}


.m-over-ons .arrow-down{
	margin-right: 15px;

}

.par-2{
	
	padding-right: 12px;
	position: relative;
	top: -5px;
}

.m-font-large h1{
	font-size: 34px !important;
}

h5.pb-2 {
	font-size: 27px;
}













button.navbar-toggler{
	border: 0px solid;
	
}

button.navbar-toggler:focus{
	border: 0px solid;
	box-shadow: none;
	
}



.m-pt-2{
	padding-top: 30px;
}

.m-pt-0{
	padding-top: 0px !important;
}

.m-pb-0{
	padding-bottom: 0px !important;
}

.m-pb-1{
	padding-bottom: 10px !important;
}

.m-pb-5{
	padding-bottom: 50px !important;
}

.m-pb-10{
	padding-bottom: 100px !important;
}

.m-pt-5{
	padding-top: 50px;
}

.m-pt-10{
	padding-top: 100px;
}

.m-mt-0{
	margin-top: 0px;
}

.m-mt-2{
	margin-top: 20px;
}

.m-bg-0{
	background-image: none;
}

.bullets{
	width: 50px;
	margin-bottom: 12px;
	display: inline-block;
	

}

.m-werkwijze {
	padding-right: 20px;
	margin-right: 0px;
	margin-bottom: 50px;
}

.m-werkwijze h3{
	display: inline-block;
	padding-left: 20px;
	
}

.footer-bee h6{
	padding-top: 50px;
}

.contact2wrap{
	width: 70%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;

}


.werktitel{
	position: absolute !important;
	top:40%;
	left: 5%;
	z-index: 99;
	white-space: nowrap;
	background-color: rgba(0,0,0,0.9);
	color: rgba(255,255,255,0.75);
	padding: 5px 15px 0px 15px !important;
	width: inherit;
}


.werktitel h2{
	font-style: normal;
	margin-bottom: 0px;
	font-size: 18px;
}

.werktitel p{
	font-style: normal;
	margin-bottom: 5px;
	font-size: 13px;
}


.werkintro h2{
	padding: 20px;
	text-align: center;
	font-weight: 100 !important;
	margin-bottom: 0px;
	font-size: 21px;
}


.werktextwrap{
	position: absolute !important;
	z-index: 99;
	width: 50%;
	left: 40%;
	top: 120px;
	
}


.werkinfo{
	background-color: rgba(0,0,0,0.75);
	color: rgba(255,255,255,0.75);
	padding: 10px 30px 1px 30px !important;
	font-style: italic;
	font-size: 14px;
	margin-bottom: 50px;
	
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
}


.werktekst1{

	padding: 0 !important;
	margin: 0;
	left: 10px;

}

.werktekst1 p{
	background-color: rgba(0,0,0,0.75);
	color: rgba(255,255,255,0.75);
	padding: 7px 20px 10px 20px !important;
	margin-top: 30px;
	font-size: 13px;
	
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
}

.werktekst1 strong{
	background-color: #000;
	font-size: 15px;
	font-style: italic;
	font-weight: 300;
	display: inline-block;
	padding: 2px 5px 2px 5px;
	margin: 10px 0;
}


body.projectpagina{
	overflow-y: hidden;
	height: 200vh;
}


.sloganwrap{
	margin-top: 20px;
}

.cornerwrap{
	width: 90%;
	padding: 5px 5px 15px 5px;
	background-image: url(/assets/img/bg-square2.png);
	background-repeat: no-repeat;
	background-size: 100% 90%;
	background-color: transparent;
	margin: 0 auto;
}

#team .cornerwrap{
	width: 90%;
	padding: 5px 5px 15px 5px;
	background-image: url(/assets/img/bg-square.png);
	background-repeat: no-repeat;
	background-size: 100% 90%;
	background-color: transparent;
	margin: 0 auto;
}

.cornerwrap2{
	width: 400px;
	padding: 5px 5px 20px 5px;
	background-image: url(/assets/img/bg-square2.png);
	background-repeat: no-repeat;
	background-size: 100% 90%;
	background-color: transparent;
	margin: 0 auto;
}

.cornerwrap3{
	width: 90%;
	padding: 5px 5px 15px 5px;
	background-image: url(/assets/img/bg-square2.png);
	background-repeat: no-repeat;
	background-size: 100% 90%;
	background-color: transparent;
	margin: 80px auto 0 auto;
}


.slogantxt{
	
	background-color: #111111 ;
	color: #fff;

	text-align: center;
	padding: 12px;
	margin: 0;
	width: 100%;
}

.slogantxt h1, h2{
	font-size: 21px;
	font-weight: 100;
	font-style: italic;
	
}

.txtblock1{
	width: 90%;
	margin: 50px auto 20px auto;
	background-color: #111;
	padding: 15px 20px 10px 20px !important;
	text-align: center;
}

.txtblock1 h1{
	font-size: 19px;
	color: #555;
	font-style: italic;
	white-space: nowrap;
}


.heading{

	background-image: url(/assets/img/bg-square2.png);
	background-repeat: no-repeat;
	background-size: 97.5% 90%;
	padding: 20px !important;
}

.heading h1, h2{
	font-size: 21px;
	font-weight: 300;
	font-style: italic;
	
}

.bglight{
	
	background-color: rgba(64,81,134,0.5);
	color: rgba(255,255,255,0.75);
	font-size: 21px;
	font-weight: 100 !important;
	font-style: italic;
	text-align: right;
	margin-top: 60px;
	
	padding: 5px 20px 5px 20px;
	
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	
}


.bglight2{
	
	background-color: rgba(64,81,134,0.5);
	color: rgba(255,255,255,0.75);
	font-size: 24px;
	font-weight: 300 !important;
	font-style: italic;
	text-align: center;
	margin-top: 60px;
	
	padding: 25px 20px 20px 20px;
	
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	
}


.bgdark{
	background-color: rgba(20,20,20,0.9);
	color: rgba(255,255,255,0.75);
	font-size: 16px;
	font-weight: 100 !important;
	line-height: 30px;
	padding: 15px 40px 5px 40px;

	
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	
}

.bgdark2{
	background-color: rgba(20,20,20,1);
	color: rgba(255,255,255,0.75);
	font-size: 23px;
	font-weight: 300 !important;
	font-style: italic;
	line-height: 30px;
	
	padding: 30px 30px;
	margin-top: 50px;

	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	
}

.center{
	display: flex;
	flex-direction: row;
	font-size: 0px;
	vertical-align:baseline;
	padding: 0 15px;


}


.bgdarkcols{
	width: 50%;
	display: inline-block;
		background-color: rgba(20,20,20,1);
	color: rgba(255,255,255,0.75);

	font-size: 15px;
	font-weight: 300 !important;

	line-height: 21px;
	padding: 0px 15px 5px 15px;
	margin-top: 50px;

	
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	
}


.bgdarkcols h4{
	font-size: 17px;
	font-weight: 400;
	font-style: italic;
	margin-top: 40px;
}
	
	
.hidden-xs{
		display: none;
	}
	
		
	
	.contact2 h2{
	font-size: 2.9vw;
	margin-top: 2vw;
}

.contact2{

	font-size: 2.9vw;

}



.contact2txt{
	transform: rotate(-45deg);
	position: relative;
	left: -1vw;
	top:6vw;


	}
	
	
}