html, body {
      margin: 0;
      padding: 0;
      height: 100%;
      overflow: hidden;
      font-family: sans-serif;
      color: white;
    }

    .video-bg {
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      object-fit: cover;
      z-index: -1;
    }

    .logo {
      position: absolute;
      top: -10px;
      left: 20px;
      width: 220px; /* pas dit aan volgens je logo */
      z-index: 2;
    }

    .facebookk {
      position: absolute;
      top: 10px;
      right: 20px;
      width: 120px; 
      z-index: 2;
    }


#Landing-sign { width:70px }

    .content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      z-index: 2;
    }

    .content h1 {
      font-size: 3em;
      margin: 0.2em 0;
    }

    .content h2 {
      font-size: 1.5em;
      margin: 0.2em 0;
    }


#Info-button { background:#FCE6DC; color: #333333; padding:11px;  }    

    .footer-link {
      position: absolute;
      bottom: 20px;
      width: 100%;
      text-align: center;
      z-index: 2;
    }

    .footer-link a {
      color: rgba(255, 255, 255, 0.8);
      text-decoration: none;
      font-size: 0.9em;
    }

    .footer-link a:hover {
      text-decoration: underline;
    }


@media screen and (max-width: 650px) {

  .logo { width: 180px; 
    }
}