html {
  overflow-x: hidden; }

body {
  font-family: "Source Sans Pro", sans-serif;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background-image: url("../img/background-blauwboek.jpg");
  background-size: cover;
  color: white; }

.btn-reg {
  color: white;
  background-color: #f99e48;
  border-radius: 50px;
  padding: 10px 15px; }
  .btn-reg:hover {
    background-color: #414141;
    color: white; }

.orange {
  font-weight: 700;
  color: #f99e48; }

.blue {
  font-weight: 700;
  color: #1d7783; }

.container-fluid {
  padding: 0; }

footer {
  color: white;
  background-color: #414141;
  padding: 17px 0; }
  footer a {
    color: #55becc; }
    footer a:hover {
      text-decoration: none;
      color: #f99e48; }

.bounce {
  -webkit-animation: bounce 2s;
  animation: bounce 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

@-webkit-keyframes bounce {
  0%,
  25%,
  50%,
  75%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  60% {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px); } }

@keyframes bounce {
  0%,
  25%,
  50%,
  75%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  60% {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px); } }