body {
	background-color: #020101;
	font-size: 16px;
	color: white;
	font-family: Ubuntu;
}
img {
	max-width: 100%;
}
h2 {
	font-family: "Rokkitt";
}
a {
	color: white;
}
p {
	margin-bottom: 30px;
}
p.lead {
	font-size: 20px;
}
h2, 
a:hover {
	color: #ac1735;
}
#ridders8 {
  fill: #42403d;
  stroke: #42403d;
}
#ridders9 {
  fill: #ac1735;
  stroke: #ac1735;
}
#ridders1,
#ridders2,
#ridders3,
#ridders4,
#ridders5,
#ridders6,
#ridders7,
#ridders10 {
  fill: #fff;
  stroke: #fff;
}
/*#ridders8,
#ridders9 {
  stroke-width: 0;
  animation: logo 3s linear;
}*/
#ridders10 {
  stroke-width: 0;
  animation: logo 3s linear;
}

@media only screen and (max-width: 600px) {
	header {
		height: 75vh;
		background: url(images/achter-xs.jpg) bottom center; 
	}
	h2 {
		font-size: 40px;
	}
	.content {
		line-height: 1.5;
/*		font-size: 20px;
*//*		margin: 50px 0;
*/	}
	.adres {
		margin-top: 20px;	
		font-size: 20px;
		text-align: center;
	}
	.ridderssvg {
          display: block;
          margin: 80px auto;
          width: 200px;
    }
}
@media only screen and (min-width: 600px) {
	header {
		height: 50vh;
		background: url(images/achter-sm.jpg) bottom center; 
	}
	h2 {
		font-size: 40px;
	}
	.content {
		line-height: 1.6;
/*		font-size: 18px;
*/		/*margin: 50px 0;*/
	}
	.adres {
		margin: 75px 0;	
		text-align: center;
		font-size: 18px;
	}
	.ridderssvg {
          display: block;
          margin: 80px auto;
          width: 200px;
    }
}
@media only screen and (min-width: 769px) {
	header {
		height: 30vh;
		background: url(images/achter-md.jpg) bottom center; 
	}
	h2 {
		font-size: 50px;
	}
	.adres {
		font-size: 20px;
	}

}
@media only screen and (min-width: 992px) {
	header {
		background: none;
	}
	h2 {
		font-size: 45px;
	}
	.content {
		max-width: 70%;
		line-height: 1.6;
		/*font-size: 20px;*/
		/*margin: 100px 0;*/
	}
	.adres {
		text-align: left;
	}
	.ridderssvg {
          width: 250px;
    }
}
@keyframes logo {
  0% {
    stroke-width: 1pt;
    stroke-dashoffset: 1200;
    fill-opacity: 0;
  }
  50% {
    fill-opacity: 0;
  }
  100% {
    stroke-dashoffset: 0;
    fill-opacity: 1;
    stroke-width: 0pt;
  }
 
}