/* dit is het logo in de fiexed header */
header img {
  width: 6em; /* -> 1em = 1 keer de font grootte (16px) dus 5em = 80px */
}

/* de tekst van de header */
header .info {
  padding-top: 2.9rem; /* <- de whitespace aan de bovenkant */
  font-size: 1.2em;
  font-weight: 400;
  letter-spacing: 0.08em; /* <- maak hier 0.01em van bijvoorbeeld om letters iets verder uit elkaar te zetten */
}

/* voettekstjes op beelden */
.block figcaption {
  font-size: 0.75em;
  letter-spacing: 0.1em;
  font-family: Helvetica;
  font-weight: 500; /* <- waarde tussen 100 en 1000 in stappen van 100 (zonder unit) */
}

/* mobiele versie */
@media screen  and ( max-width: 64em ) {
  /* een block met een image */
  .block {
    padding-bottom: 6em; /* <- maak hier 2em van bijvoorbeeld om de beelden verder uit elkaar te zetten in de mobiele versie */
  }

  /* image (of video) in een block */
  .block figure {
    min-width: 0%; /* <- bepaalt de minimum breedte */
  }
}