html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*------*/

body {
	background-color: 		#FFFFFF;
}
        
/*----- TYPOGRAPHY -----*/

/*
thin: 		100
light:		300
regular:	400
bold:		700
*/

p, li {
	font-family: 		'Roboto Slab', serif;
	font-weight:		300;
	font-size: 			21px;
	color: 				#141720;
	line-height: 		42px;
}

h1 {
	font-family: 		'Roboto Slab', serif;
	font-weight:		100;
	font-size: 			36px;
	color: 				#65607A;
	line-height: 		48px;
}

h2 {
	font-family: 		'Roboto Slab', serif;
	font-weight:		100;
	font-size: 			21px;
	text-transform: 	uppercase;
	color: 				#96979A;
}

.storing {
	background-color: 	#B9B0B4;
	padding: 			15px;
	color: 				#ffffff;
}

a {
	text-decoration: 	underline;
	color: 				#65607A;
}

a:hover {
	text-decoration: 	none;
}

strong { 
	font-weight: 		700;
}

footer p {
	font-size: 			18px;
	line-height: 		30px;
	color: 				#65607A;
}

.logo {
	font-family: 		'Roboto Slab', serif;
	font-weight:		300;
	font-size: 			36px;
	color: 					#978990;
}

.logo img {
		height: 			68px;
		margin-top: 	10px;
}

header a {
	font-family: 		'Roboto Slab', serif;
	font-weight:		300;
	font-size: 			15px;
	color: 				#978990;
}

.adres a {
	font-family: 		'Roboto Slab', serif;
	font-weight:		300;
	font-size: 			18px;
	color: 				#65607A;
	line-height: 		36px;
}


/*----- CLASSES & IDS -----*/

header {
	text-align: 		left;
	/*margin:		 		30px 30px 25px 30px;*/
}	

/*----- MENU -----*/

.header {
  background-color: 	#fff;
  box-shadow: 			1px 1px 4px 0 rgba(0,0,0,.1);
  position: 			fixed;
  width: 				100%;
  z-index: 				3;
}

.header ul {
  margin: 				0;
  padding: 				0;
  list-style: 			none;
  overflow: 			hidden;
  background-color: 	#fff;
}

.header li:last-child {
  background-color: 	#978990;
  color: 				#F6F2EF;
}

.header li:last-child a {
	color: 				#F6F2EF;
 	-webkit-transition: background-color .5s; /* Safari */
	transition: 		background-color .5s;
}

.header li:last-child a:hover {
   background-color: 	#B9B0B4;
}

.header li a {
	display: 				block;
	padding: 				20px 20px;
	text-decoration: 		none;
	-webkit-transition: background-color .5s; /* Safari */
	transition: 		background-color .5s;
}

.header li a:hover,
.header .menu-btn:hover {
  background-color: 	#f4f4f4;
}

.header .logo {
  display: 				block;
  float: 				left;
  font-size: 			1.6em;
  padding: 				10px 20px;
  text-decoration: 	none;
}

/* menu */

.header .menu {
  clear: 				both;
  max-height: 			0;
  transition: 			max-height .2s ease-out;
}

/* menu icon */

.header .menu-icon {
  cursor: 				pointer;
  display: 				inline-block;
  float: 				right;
  padding: 				38px 20px;
  position: 			relative;
  user-select: 			none;
}

.header .menu-icon .navicon {
  background: 			#333;
  display: 				block;
  height: 				2px;
  position: 			relative;
  transition: 			background .2s ease-out;
  width: 				18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: 			#333;
  content: 				'';
  display: 				block;
  height: 				100%;
  position: 			absolute;
  transition: 			all .2s ease-out;
  width: 				100%;
}

.header .menu-icon .navicon:before {
  top: 					5px;
}

.header .menu-icon .navicon:after {
  top: 					-5px;
}

/* menu btn */

.header .menu-btn {
  display: 				none;
}

.header .menu-btn:checked ~ .menu {
  /*max-height: 			275px;*/
  max-height: 			100%;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: 			transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: 			rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: 			rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 					0;
}

/* 48em = 768px */

@media (min-width: 72em) {
  .header li {
    float: 				left;
  }
  .header li a {
    padding: 			30px 30px;
  }
  .header .menu {
    clear: 				none;
    float: 				right;
    max-height: 		none;
  }
  .header .menu-icon {
    display: 			none;
  }
}

.inline-image {
	width: 				620px;
	margin-left: 		320px;
	margin-bottom: 		60px;
}

.more-space {
	margin-bottom: 		120px.
}

.current a {
	font-weight: 		700; !important
}

.current {
	font-weight: 		700; !important
}

.profiel {
	/*float: 				left;*/
}

.profielfoto {
	width: 				100%;
	margin-right: 		20px;
}

.profielfoto:last-child {
	margin-right: 		0;
}

#medewerkers h1 {
	margin-bottom: 		60px;
}

.profiel:last-child {
	margin-bottom: 		120px;
}

.logo {
	width: 				352px;
}

.borderbottom {
	border-bottom: 		1px solid #898D9A;
	padding-bottom: 	60px;
}

#holding-due-north {
	margin-bottom: 		120px;
}

svg {
	fill: 				#978990;
	float: 				left;
	margin-left: 		177px;
}

.fullwidth {
	width: 				100%;
}

#description {
	width: 				100%;
}

#informatie {
	width: 				100%
}	

.column {
  float: 				left;
  width: 				50%; 
  padding-top:			20px;
  margin-bottom: 		120px;
}

#description h1 {
	width: 				700px;
	margin-bottom: 		120px;
}

#description p {
	width: 				620px;
	margin-left: 		320px;
	margin-bottom: 		60px;
}


#description img {
	margin-left: 		320px;
	margin-bottom: 		120px;
}

#description p:last-child {
	margin-bottom: 		120px;
}

.listthing {
	list-style-type:	disc;
	margin-left: 		320px;
}


#aangesloten img {
	margin-left: 		320px;
	margin-bottom: 		30px;
}

#aangesloten h1 {
	width: 				700px;
	margin-bottom: 		120px;
}

#aangesloten p {
	width: 				620px;
	margin-left: 		320px;
	margin-bottom: 		60px;
}

#aangesloten p:last-child {
	margin-bottom: 		120px;
}


.container {
	width: 				960px;
	margin: 			0 auto;
}

#afspraak-maken {
	text-align: 		center;
	margin-bottom: 		120px;
}

#afspraak-maken div {
	width: 				620px;
	border-top: 		1px dotted #898D9A;
	margin-bottom: 		60px;
}

#afspraak-maken h1 {
	margin-bottom: 		15px;
	color: 				#898D9A;
	font-weight: 		400;
}

#afspraak-maken p {
	width: 				620px;
	color: 				#898D9A;
	margin-bottom: 		30px;
}


.button {
	background-color: 	#978990;
	border: 			none;
	border-radius: 		8px;
	color: 				white;
	padding: 			18px 36px 21px;
	text-align: 		center;
	text-decoration: 	none;
	display: 			inline-block;
	font-family: 		'Roboto Slab', serif;
	font-weight:		300;
	font-size: 			18px;
	color: 				#F6F2EF;
	-webkit-transition: background-color .5s; /* Safari */
	transition: 		background-color .5s;
}

.button:hover {
	background-color: 	#B9B0B4;
}



.clearfix {
  overflow: auto;
}

footer {
	background-color: 	#F6F2EF;
	padding-bottom: 	90px;
	padding-top: 		60px;
}

* {
  box-sizing: 			border-box;
}

.box1 {
  float: 				left;
  width: 				33.33%; 
  padding-top:			20px;
}

.box2 {
  float: 				left;
  width: 				33.33%; 
  padding-right:		20px;
  padding-top: 			20px; 
}

.first {
	margin-bottom: 		30px;
}

.adres a {
	margin-bottom: 		15px;
}

.adres .button {
	color: 				#F6F2EF;
	padding: 			6px 21px 9px;
	margin-top: 		15px;
}

.footerlogo {
	width: 				80%;
	padding-top: 		7px;
}

/*----- RESPONSIVE -----*/

@media (min-width: 		1px) {	
}

@media (min-width: 		1200px) {
}

@media (max-width: 		1024px) {
}

@media (max-width: 		768px) {
	p {
		font-size: 			18px;
		line-height: 		30px;
	}

	h1 {
		font-size: 			21px;
		line-height: 		27px;
	}
	#holding-due-north {
		margin-bottom: 		60px;
	}
	#holding-due-north img {
		margin-top: 		70px;
	}
	#description h1 {
		margin-bottom: 		60px;
	}
	#description p:last-child {
		margin-bottom: 		60px;	
	}
	#afspraak-maken {
		margin-bottom: 		60px;
	}
	#afspraak-maken div {
		width: 				90%; 
	}
	#afspraak-maken p {
		width: 				90%;
	}	
	.box1 {
		float: 				none;
		width: 				90%; 
		padding-top:		20px;
		padding: 			40px;
	}
	.box2 {
		float: 				none;
		width: 				90%;
		padding: 			40px;
	}
}

@media (max-width: 		980px) {
	.container {
		width: 				100%;
	}
	#description h1 {
		width: 				80%;
		margin-left: 		40px;
		margin-right: 		40px;
	}

	#description h2 {
		width: 				80%;
		margin-left: 		40px;
		margin-right: 		40px;
	}

	#description p {
		width: 				80%;
		margin-left: 		40px;
		margin-right: 		40px;
	}

	#description img {
		width: 				100%;
		margin-left: 		00px;
	}

	#aangesloten h1 {
		width: 				80%;
		margin-left: 		40px;
		margin-right: 		40px;
		margin-bottom: 		60px;
	}

	#aangesloten p {
		width: 				80%;
		margin-left: 		40px;
		margin-right: 		40px;
	}

	#aangesloten img {
		width: 				50%;
		margin-left: 		40px;
	}

	svg {
		display: 			none;
	}
	.logo {
		width: 				70%;
	}
	.header .logo {
	  font-size: 			1.3em;
	  padding-top: 			30px;
	}
	.profiel {
		float:				inherit;
	}
	.profielfoto {
		margin-right: 		00px;	
	}

	#medewerkers h1 {
		width: 				80%;
		margin-left: 		40px;
		margin-right: 		40px;
	}

	#medewerkers img {
		width: 				100%;
		margin-left: 		00px;
		margin-bottom: 		15px;
	}

	#medewerkers p {
		width: 				80%;
		margin-left: 		40px;
		margin-right: 		40px;
		margin-bottom: 		60px;
	}
	.column {
	  float: 				none;
	  width: 				80%; 
	  padding-top:			20px;
	  margin-bottom: 		30px;
	  margin-left: 			40px;
	}

	#informatie h1 {
		width: 				80%;
		margin-left: 		40px;
		margin-right: 		40px;
	}


}

@media (max-width: 490px) {
}