body {padding: 0;}
.navigatie {
    background-color: #333;
    position: fixed; /* zorgt dat header altijd zichtbaar is */
    top: 0;
    left: 0;
    width: 100%;
  }
  
  .logo, .links {
    display: flex; /* zodat links allemaal op zelfde rij staan met ruimte ertussen */
    justify-content: space-evenly; /* fixt de ruimtes tussen de links dat het gelijk is*/
  }
  
  .links a {
    color: white;
    padding: 1% 1%; /* beetje ruimte tuussen links */
    text-decoration: none; /* geen onderlijning op link */
    font-size: 17px;
  }

  .main {
    padding: 16px;
    margin-top: 100px; /* fixt zodat main niet achter header komt */
    margin-bottom:0; /*  fixt zodat er niet witeruimte is onderaan */
    background-image: url(fotos/achtergrond.webp);
  }
  
  .footer {
    background-color: #333;
    color: white;
    padding: 1%;
    position: fixed; /* zodat footer altijd zichtbaar is*/
    left: 0;
    bottom: 0;
    width: 100%;
  }

  .homefoto {
    width: 40%;
  }
  
  @media screen and (max-width: 431px) and (max-height: 933px) {
    .navigatie {
      flex-direction: column; /*  verandert van rij naar kolom voor phones*/
      text-align: center;
    }

    .indexmain {
      margin-bottom: 59%;
    }
  
    .logo {
      margin-bottom: 10px; 
    }
  
    .links {
      display: block; /* zodat links onder elkaar komen ipv naast elkaar */ 
    }
  
    .links a {
      display: block; /* zelfde als hierboven */
      margin-bottom: 15px; 
    }

    .main {
        margin-top: 60%; 
        margin-bottom: 20%;
        background-repeat: round; /* zodat de background img spant in plaats van opnieuw te beginnen */
      }
      .mainvoorstelling {
        margin-bottom: 25%;
      }

      .tipsmain, .contactmain {
        margin: 0;
  }
  }
.mainvoorstelling {
    margin-bottom: 5%;
    margin-left: 10%;
    margin-right: 10%;
}

  
.voetbal-matches {
    width: 100%;
    margin-top: 20px; 
}

.voetbal-matches th, .voetbal-matches td {
    border: 1px solid black;
    padding: 8px;
    text-align: left;
}

.voetbal-matches thead th {
    background-color: white;
    color: black;
    text-align: center;
}

.gallerijmain {
    padding: 16px;
    height: auto;
    text-align: center;
}

.gallerijfotos {
    display: flex;
    justify-content: space-evenly; /* zodat het gelijk verspreid word over het scherm */
    margin: 10px 0;
}

.gallerijfotos img {
    width: 40%;
    height: auto;
}

.gallerijfotos {
    display: flex;
    justify-content: space-around;
    margin: 10px 0;
}

@media screen and (max-width: 431px) and (max-height: 932px) {
    .gallerijfotos {
        flex-direction: column; /* fotos staan ondr elkaar vetrticaal op phone ipv horizontaal 2 rijen */
        align-items: center; 
    }

    .gallerijfotos img {
        margin-bottom: 2%; /* beetje ruimte tussen fotos*/
        width: 100%;
    }
}
  

.tipsmain, .contactmain, .mainvoorstelling {
    text-align: left;
    margin-left: 20%;
    margin-right: 20%;
}

.tipsmain h1, .contactmain h1, .mainvoorstelling h1, .indexmain h1, .main, .footer {
    text-align: center;
}