@charset "utf-8";
/* CSS Document */

body{
	background-color:#33302b;
	/*font-family:Palatino-Roman, "Times New Roman";*/
	color:#d8cdb7;
	overflow-x:hidden;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea/*,p*/,blockquote,th,td
{
	margin:0;padding:0
}
a[href^="tel:"] {
  color:#b8840f;
  text-decoration:none;
	-webkit-transition: all 500ms ease-in-out 0s;
	-moz-transition: all 500ms ease-in-out 0s;
	-ms-transition: all 500ms ease-in-out 0s;
	-o-transition: all 500ms ease-in-out 0s;
	transition: all 500ms ease-in-out 0s;
}
a[href^="tel:"]:hover {
  color:#d8cdb7;
  text-decoration:none;
}
a[href^="mailto:"] {
  color:#b8840f;
  text-decoration:none;
	-webkit-transition: all 500ms ease-in-out 0s;
	-moz-transition: all 500ms ease-in-out 0s;
	-ms-transition: all 500ms ease-in-out 0s;
	-o-transition: all 500ms ease-in-out 0s;
	transition: all 500ms ease-in-out 0s;
}
a[href^="mailto:"]:hover {
  color:#d8cdb7;
  text-decoration:none;
}
sand{
	color:#d8cdb7;
}
gold{
	color:#b8840f;
}

#intro{
	/*max-width:1000px;*/
	min-height:350px;
	/*height:100vh;*/
	/*background-color:#3d3934;
	display:flex;
	justify-content:center;
	align-items:center;*/
}
#HeaderLogo{
	width:auto;
	height:100px;
	-webkit-transition: all 500ms ease-in-out 0s;
	-moz-transition: all 500ms ease-in-out 0s;
	-ms-transition: all 500ms ease-in-out 0s;
	-o-transition: all 500ms ease-in-out 0s;
	transition: all 500ms ease-in-out 0s;
}
#ArrowDownFilledTop{
	width:40px;
	height:auto;
	background-image:url(../Images/ArrowDown_filled.svg);
	background-repeat:no-repeat;
	background-size:contain;
}
#ArrowDownFilled{
	width:40px;
	height:auto;
	background-image:url(../Images/ArrowDown_filled.svg);
	background-repeat:no-repeat;
	background-size:contain;
	display:none;
}
.ArrowDown{
	width:40px;
	height:auto;
	-webkit-transition: all 500ms ease-in-out 0s;
	-moz-transition: all 500ms ease-in-out 0s;
	-ms-transition: all 500ms ease-in-out 0s;
	-o-transition: all 500ms ease-in-out 0s;
	transition: all 500ms ease-in-out 0s;
}
.ArrowDown:hover{
	opacity:0;
}
#ArrowUpFilled{
	width:40px;
	height:auto;
	background-image:url(../Images/ArrowUp_filled.svg);
	background-repeat:no-repeat;
	background-size:contain;
	display:none;
}
.ArrowUp{
	width:40px;
	height:auto;
	-webkit-transition: all 500ms ease-in-out 0s;
	-moz-transition: all 500ms ease-in-out 0s;
	-ms-transition: all 500ms ease-in-out 0s;
	-o-transition: all 500ms ease-in-out 0s;
	transition: all 500ms ease-in-out 0s;
}
.ArrowUp:hover{
	opacity:0;
}

#Content h1{
	color:#d8cdb7;
	font-size:18px;
	font-weight:normal;
	padding-bottom:25px;
}
#NVSA{
	text-decoration:none;
	color:#d8cdb7;
}
#Content h5{
	color:#d8cdb7;
	font-size:12px;
	font-weight:normal;
	padding-bottom:50px;
}
#FotoJeroen{
	max-width:400px;
	width:100%;
	height:auto;
}

#slide11 p{
	font-size:18px;
}
#Deskundig{
	margin-left:-100px
}
#Betrokken{}
#Betaalbaar{
	margin-left:100px;
}

#slide02 p{
	font-size:15px;
}

#FooterLogo{
	width:auto;
	height:65px;
	padding:20px;
	-webkit-transition: all 500ms ease-in-out 0s;
	-moz-transition: all 500ms ease-in-out 0s;
	-ms-transition: all 500ms ease-in-out 0s;
	-o-transition: all 500ms ease-in-out 0s;
	transition: all 500ms ease-in-out 0s;
  -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(0%); /* FF 35+ */
}
#FooterLogo:hover{
	-webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
}

@media only screen and (min-width: 300px) {
#Content h1{
	font-size:20px;
}
#slide11 p{
	font-size:20px;
}
}

@media only screen and (min-width: 420px) {
#Deskundig{
	margin-left:-250px
}
#Betrokken{}
#Betaalbaar{
	margin-left:250px;
}
#slide02 p{
	font-size:20px;
}
	#FooterLogo{
		height:100px;
		padding:40px;
	}
}

@media only screen and (min-width: 768px) and (min-height: 768px) {
	#ArrowDownFilled, #ArrowUpFilled{
		display:block;
	}
	#HeaderLogo{
		width:auto;
		height:200px;
	}
}