/*COLOR*/
#blue{ color:#2d367f; } #grey80{ color:#ccc; } #grey70{ color:#b3b3b3; } #grey60{ color:#999; } 

/*WINDOW*/
body{ font-family: 'Ubuntu', sans-serif; font-weight:normal; }

img{ display:block; max-width:100%; }

/*TYPOGRAPHY*/
h1{ font-size:60px; font-weight:300; color:#b3b3b3; }
h1 + p{ font-size:38.5px; font-weight:300; color:#999; }
h2{ font-size:22px; font-weight:medium; color:#2d367f; text-transform:uppercase; }
ul{ margin:0; padding:0; }
li{ margin:0; padding:0; list-style-type:none; }
hr{ display:block; float:left; margin:20px 0; width:100%; height:1px; background-color:#999; }

/*HEADER*/
header{ margin:20px 0; text-align:center; }
header p span{ white-space:nowrap; }

/*BUIJS GROEP*/
.logoGroep{ width:80%; }

/*DIENSTEN*/
.diensten li{ margin:19px 0; }
.diensten li img{ height:44px; }

/*NAW*/
.naw{ }
.naw ul{ }
.naw ul li{ font-size:18px; font-weight:300; color:#999; }
.naw ul li span{ font-weight:normal; color:#2d367f; }

/*CERTIFICATIES*/
.gecertificeerd{ margin:20px 0; }
.gecertificeerd img{ float:left; height:84px; }
.gecertificeerd p{ clear:left; float:left; margin-top:6px; text-indent:25px; font-size:12px; color:#b3b3b3; }

@media screen and (max-width: 991px) {
	h1{ font-size:43px; }
	h1 + p{ font-size:28px; }
	/*Diensten*/
	.diensten li{ margin:6px 0; }
}



@media screen and (min-width: 769px){
	/*BUIJS GROEP*/
	/*.logoGroep, .naw, hr{ position:relative; left:2vw; }*/
}
@media screen and (min-width: 992px){
	/*DIENSTEN*/
	.diensten li img{ height:40px; }
}
@media (min-width: 1200px){
	.container { width:1040px; }
	/*DIENSTEN*/
	.diensten li img{ height:44px; }
}

@media screen and (max-width: 768px){
	/*TYPOGRAPHY*/
	h1{ font-size:7.3vw; }
	h1 + p{ font-size:3.5vw; }
	/*h1 + p br{ display:none; }*/
	/*BUIJS GROEP*/
	.logoGroep{ margin:0 auto 20px; /*width:66%;*/ }
	/*DIENSTEN*/
	.diensten li{ margin:6px 0 6px 15.2%; }
	.diensten li img{ height:8.2vw; }
	/*CERTIFICATIES*/
	.gecertificeerd{ margin:20px 10px; width:90%; border-top:1px solid #999; padding-top:20px; }
}

@media screen and (max-width: 480px){
	.naw ul li span{ display:block; width:100%; }
}

/*CLEARFIXING*/
hr:before, hr:after{ display:table; content:''; }
hr:after{ clear:both; }