h1 {
	font-size: 3rem;
	font-family: monospace;
	text-align: center;
	margin: 150px 0 100px;
	padding: 5px;
	color: #fff;
	/*background-color: #039cdf;*/
	background: url(/src/images/plank_cropped.png);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5), 
		inset 0 0 5px 5px rgba(0,0,0,0.2);
	
	text-shadow: 0 0 2px rgba(0,0,0,0.7);
}
@media only screen and (max-width: 800px) {
	h1 {
		font-size: 2.5rem;
	}
}
@media only screen and (max-width: 550px) {
	h1 {
		font-size: 2rem;
	}
}
/*
h1 {
  position: relative;
  font-size: 3rem;
  font-family: monospace;
  text-align: center;
  padding: 30px 5px 60px;
  color: #fff;
  background-color: #039cdf;
  overflow: hidden;
}
h1::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 60px;
	rotate: 180deg;
	
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M0,20 C120,40 240,0 360,10 480,20 600,50 720,40 840,30 960,10 1080,20 1200,30 1320,40 1440,20 L1440,0 L0,0 Z'/%3E%3C/svg%3E")
    no-repeat bottom center / cover;
}
*/


.vacatures {
	max-width: 1000px;
	margin: auto auto 150px;
	padding: 20px;
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	justify-content: space-between;
	background-image: linear-gradient(
		to top right,
		rgba(255, 255, 255, 1) 30%,
		rgba(255, 255, 255, 0.5) 150%
  );
}
.vacatures p {
	line-height: 1.5;
}