* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
        .button-container {
            text-align: center;
            margin-top: 20px;
        }

        .button {
            display: inline-block;
            margin: 5px;
            padding: 10px 20px;
            background-color: #653945; /* Couleur de fond du bouton */
            color: #fff; /* Couleur du texte du bouton */
            text-decoration: none;
            border-radius: 5px;
        }

        .button:hover {
            background-color: #6C171C; /* Couleur de fond du bouton au survol */
        }

  /* Style par défaut pour les écrans plus grands */
   .grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    width:100%;
    overflow: hidden;	
  }

/* Style pour les écrans plus petits */
@media (max-width: 768px) {
  .grid-container {
    grid-template-columns: 1fr;
  }
}

  .grid-left, .grid-right {
    padding: 20px;
  }
.image img {
  max-width: 100%;
  object-fit: cover;
}

   .phone-list {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }
    .label {
      min-width: 130px;
      display: inline-block;
      font-weight: bold;
    }
   h1 {
     color: #502E39;
     font-size:1.5em; 
     font: bold;
   }
   h2 {
     font-size:1.2em; 
   }
 
   .image-container {
      position: relative;
      width: 250px;
      height: 250px;
    }

    p,ul {
      font-size: 1em;
    }   

    img {
      width: 100%;
      height: 100%;
    }
    .centered-text {
      position: absolute;
      top: 70%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 24px;
     color: #502E39;
      text-align: center;
    }