body {
    font-family: 'Poppins', sans-serif;
    background-color: #f8f9fa;
}

.card-title {
    font-weight: bold;
}

.card-text {
    font-size: 14px;
    color: #555;
}

.text-shadow {
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.7);
}


.img {
  height: 500px;
  width: 100%;
  background-image: url("assets/images/parallax.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 300px;
}

.img-2 {
  height: 500px;
  width: 100%;
  background-image: url("assets/images/parallax-2.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 300px;
}

/* Responsive - petits écrans */
@media (max-width: 768px) {
  .img {
    height: 300px;
    width: 100vw; /* largeur responsive */
  background-image:url("assets/images/parallax.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 300px;
}
.img-2 {
    height: 300px;
    width: 100vw; /* largeur responsive */
  background-image: url("assets/images/parallax-2.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 300px;
}

.card-img-top{
        width:100%; /* largeur responsive */

}

.card {
    margin-left: 1px;
    margin-right: 1px;
  }


 .produit-item {
    margin-left: 1px;
    margin-right: 1px;
 }
 
 
  .col, .col-md-4, .col-md-3 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .container {
    padding-left: 5px;
    padding-right: 5px;
  }
}