body {
	background: url("https://seosonar.nl/images/hero-wave.png") fixed no-repeat !important;
	background-size: cover !important;
}

header, footer {display: none;}

.container {
    margin-left: unset;
}
	.card h3, .card h2, .card h1 {
		margin-top:  unset;
	}

.card {
	background: #fff;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .06);
    padding: 5vh;
	margin: 25vh;
	min-height: unset;
}

.card-big {
	margin: 12vh !important;
}

.waves {
  position: fixed;
  width: 100%;
  bottom: 0px;
  height: 15vh;
  margin-bottom: -7px;
  min-height: 100px;
  max-height: 150px;
  z-index: 1;
  transition: 0.4s;
}

/* Animation */
.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 10s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 13s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 16s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}

@keyframes move-forever {
  0% {transform: translate3d(-90px,0,0);}
  100% { transform: translate3d(85px,0,0);}
}

@media (max-width: 600px){
	.card {
		margin: 1%;
		min-height: 90vh;
	}
}