iframe{
  position: relative;
  margin: 0px auto;
  float: none;
  display: table;
  margin-bottom: 30px;

}
body{
  font-family: courier;
  font-size: 12px;
}

h2{
  text-align: center;
}


.text{
  position: relative;
  text-align: center;
  margin-bottom: 80px;
  margin-top: 80px;
}


.slider{
  overflow: hidden;
  width: 800px;
  height: 400px;
  margin: 100px auto;
  float:none;
  display: table;
  max-width: 100%;

}

.slider figure{
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  animation: 20s slider infinite;
}

.slider figure img{
  width: 20%;
  float: left;
}
@keyframes slider {
  0%{
    left: 0%;
  }
  20%{
    left: 0%;
  }
  25%{
    left: -100%;
  }
  45%{
    left:-100%;
  }
  50%{
    left:-200%;
  }
  70%{
    left:-200%;
  }
  75%{
    left:-300%;
  }
  95%{
    left:-300%;
  }
  100%{
    left:-400%
  }
}
#verzamelaar{
  overflow: hidden;
  width: 800px;
  height: 400px;
  margin: 100px auto;
  float:none;
  display: table;
  max-width: 100%;

}

#verzamelaar figure{
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  animation: 20s slider infinite;
}

#verzamelaar figure img{
  width: 20%;
  float: left;
}
@keyframes verzamelaar{
  0%{
    left: 0%;
  }
  16.5%{
    left: 0%;
  }
  33%{
    left: -100%;
  }
  49.5%{
    left:-100%;
  }
  66%{
    left:-200%;
  }
82.5%{
    left:-200%;
100%{
    left: 300%;
}

}
}