.pix-wrapper-bande-histoire {
  background-color: #ffe8bf;

  border-top: 2px solid #d9ad5e;
  border-bottom: 2px solid #d9ad5e;

  text-align: center;

  padding: clamp(30px, 4vw, 70px) 0 20px;
}

.pix-wrapper-bande-histoire h2.h1 {
  padding: 0 20px;
}

.pix-wrapper-bande-histoire p {
  color: #6f0220;
  max-width: 1000px;
  margin: 0 auto;

  padding: 0 20px;
}

.pix-bande-histoire-photos {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;

  margin:calc(clamp(30px, 4vw, 70px) * 50/70) 0;
  box-shadow: 3px 3px 40px rgba(0, 0, 0, 0.2);
}

.pix-bande-histoire-photos img {
  width: 33.33%;
}


.pix-wrapper-bande-histoire a.pix-bouton {
  margin-top: 20px;
}

@media (max-width: 1280px) {
  .pix-bande-histoire-photos img {
    width: 50%;
  }
}

@media (max-width: 640px) {
  .pix-bande-histoire-photos img {
    width: 100%;
  }
}