body {
  background-color: rgb(194, 194, 194);
  background-image: url(./img/voyages.jpg);

  /*background-size: cover;*/

}

.page-content {
  gap: 3vw;
}


.lettres-comment a:hover{
  color:#013710;
} 

@media (min-width: 1200px) {
  header {
    grid-column: 1 / 5;
  }
  .page-content {
    position: absolute;
    top: 5vh;
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: repeat(4, 1fr);
    font-size: 1.3vw;
  }

  .card {
    width: 15vw;
    height: 15vw;
  }

}

a:nth-child(2) .card:before {
  background-image: url(./img/Guadeloupe.JPG);
}
a:nth-child(3) .card:before {
  background-image: url(./img/Bardenas_0010.jpg);
}

a:nth-child(4) .card:before {
  background-image: url(./img/CabodeSaoVicente.jpg);
}

a:nth-child(5) .card:before {
  background-image: url(./img/Grece2014_028.jpg);
}

a:nth-child(7) .card:before {
  background-image: url(./img/Bruges.jpg);
}

a:nth-child(6) .card:before {
  background-image: url(./img/Berlin.jpg);
}

a:nth-child(9) .card:before {
  background-image: url(./img/banquise13.jpg);
}

a:nth-child(8) .card:before {
  background-image: url(./img/GizehMykerinos1.jpg);
}
/*
a:nth-child(10) .card:before {
  background-image: url(./img/carnets2voyages.jpg);
}
*/