@font-face {
    font-family: "playfair";
    src: url(../../assets/fonts/PlayfairDisplay-VariableFont_wght.ttf)
}
body{ 
     font-family: "playfair"; 
     
 } 
h1 {  
    font-family: "playfair"; 
    font-size: 2.5rem;  
  color: #bb8888;  
} 
table {
  max-width : 95%;
  margin : 0 auto ;
}
td {
    text-align: center; width: 30%;
 }  
td a{ 
     font-family: "playfair"; 
     font-size: 1.2rem;
     color: #796d6d ;
 } 
   
.galerie {
  width:90%;
  display: flex; flex-direction: row; justify-content: center; gap: 10px; 

}

.peinture1 a img {
  height: 300px;
}
.peinture2 a img {
  height: 300px; 
}

.peinture3 a img {
  height: 300px; 
}

@media screen and (max-width: 768px) {
  .peinture1 a img {
    width: 100%;  ; 
  }
  .peinture2 a img {
    width: 100%; 
  }

  .peinture3 a img {
    width: 100%; 
  }
  .galerie {
    flex-direction: column; justify-content: flex-start; align-items: center;
  }
  .peinture {
    width: 100%;
  }
}