@font-face {
    font-family: 'signikaregular';
    src: url('/fonts/signika-regular/signika-regular-webfont.eot');
    src: url('/fonts/signika-regular/signika-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/signika-regular/signika-regular-webfont.woff2') format('woff2'),
         url('/fonts/signika-regular/signika-regular-webfont.woff') format('woff'),
         url('/fonts/signika-regular/signika-regular-webfont.ttf') format('truetype'),
         url('/fonts/signika-regular/signika-regular-webfont.svg#signikaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

*{
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
}

html{ height:100%; }
html, body{ 
	margin:0;padding:0;border:0;
	-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, nav ul li a, footer p, .home .content a, header p, .button, .contact form label{ font-family: 'signikaregular';font-weight:normal; }
a { text-decoration:none; }
p, .diensten section ul li{ 
	color:#111111;
	font-size:.9em;font-family: 'Source Sans Pro', sans-serif;
	line-height:1.3em;
}
h1, h2, h3, h4, h5{ color:#83211a; }
h1{ font-size:1.4em; }

.container{
	margin:0  auto;
	width:100%;max-width:1050px;
}

section{
	overflow:hidden;
	padding:2em 1.5em;
}  

.button{
	display:inline-block;
	padding:.5em 1.1em; 
	border-radius:.6em;
	background:#4a8fc1;color:#fff;
	font-size:.9em;
	transition:.3s;
}
.button:hover{ background:#eb9422; }

.beige{ background:#f5f1eb; }

@media (min-width:700px){
	h1{ font-size:1.7em;line-height:1.4em; }
	h4{ font-size:1.1em; }
	p, .diensten section ul li{ font-size:1.05em; }
	section{
		padding:4em 1.5em;
	}
	.button{
		padding:.7em 1.5em;
		font-size:1em;
	}
}


/* navigatie */
nav{
	position:relative;
	width:100%;
	z-index:4;
	background:#fff;
}
nav ul{
	height:0;
	margin:0;padding:0;
	background:#fdf4e8;
	overflow:hidden;
}
nav ul li a{
	display:block;
	width:100%;
	padding:.5em 1.5em;
	color:#83211a;
}
nav ul li.active a{ background:#eb9422;color:#fff; }
.logo{
	width:13.5em;height:1.5em;
	margin:1em 0 .8em 1.5em;
}
.menu{
	position:absolute;
	right:0;top:0;
	width:1.6em;
	margin:1.2em 1.5em 0 0;
	cursor:pointer;
}

@media (min-width:700px){

	nav{ height:3.8em; }
	nav ul{
		display:inline-block;
		height:3.8em !important;width:auto;
		float:right !important;
		background:none;
	}
	nav ul li{ display:inline-block;margin:0 0 0 -5px; }
	nav ul li a{
		margin:0 0 0 0 !important;
		height:3.8em;padding: 1.35em 1em 0 1em;
	}
	nav ul li a:hover{ background:#eb9422;color:#fff; }
	.logo{ width:15.5em;height:1.7em;float:left; } 
	.menu{ display:none; }
}



/* footer */

footer{
	position:relative;
	background:#fff;
	text-align:center;
	z-index:3;
}
footer .container{ padding: .5em 1.5em .5em 1.5em; }
footer p{ color:#eb9422;font-size:.9em; }
footer p span { color:#83211a; }
footer a{ color:#eb9422; }
.gegevens{
	margin:.8em 0 0 0;padding:.1em 0; 
	width:100%;
	background:#83211a;
}
.gegevens p{
	width:100%;
	color:#fff;
}
.foot-con{
	margin:0 auto;padding:0 1.5em;
	width:100%;max-width:1050px;
}

.socials {margin:1em 0 0 0;}
.socials img{
	margin:0 .5em;
	height:1.2em;
}
.f-twit{ width:1.5em; }
.f-fb{ width:.7em; }
.f-linked{ width:1.5em; }

@media (min-width:700px){
	footer{ text-align:left; }
	footer .container{ position:relative;padding:.5em 1.5em 0em 1.5em; }
	footer p{ display:inline-block; }
	.socials{ 
		position:absolute;
		right:0;top:.2em;
	} 
	.gegevens { margin:.4em 0 0 0; }
	.gegevens p{ margin:.4em 0;}
}


/* header */

header{
	position:relative;
	padding:2em 1.5em;
	background-size:cover;background-position:center center;
}
header h2{ text-align:center; }
header p, header h2, header a{ color:#fff; }
header .container{
	position:relative;
	z-index:3;
}

@media (min-width:600px){
	header{ padding:4em 1.5em; }
	header .container p{
		margin:0 auto;
		width:80%;
		text-align:center;
	}
}

@media (min-width:880px){
	header{ padding:4.5em 1.5em;background-attachment: fixed; }
	header .container p{ 
		width:60%;
		font-size:1.1em; 
		line-height:1.4em;
	}
}