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

@media screen and (max-width: 768px) {
  .section {
    flex-direction: column; justify-content: flex-start; align-items: center;
    width : 95%; margin : 0 auto;/*marge en haut et côté*/
  }
 .section1 {
  width: 100%;
 }
 .section2 {
  width: 100%;
 }
.section2 img {
  max-width : 100%;
}
}