@media (min-width: 1200px){
.col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: calc(25% - 12px);
}
}
@media screen and (max-width: 1024px){
     .categorie{
          margin-bottom: 1.5rem;
     }
     .promotions .subtitle {
          font-size: 1.2rem;
      }
     .img-parallax .title-parallax {
          font-size: 2.3rem;
          letter-spacing: 5px;
     }
     .card .btn-add-car {
          width: 45%;
      }
}
@media screen and (max-width: 768px){
     .submenu:hover .shopping-cart{
          display: none;
     }
}
@media screen and (max-width: 375px){
     :root{
          font-size: 12px;
     }
     .img-parallax .title-parallax {
          font-size: 1.6rem;
          letter-spacing: 3px;
      }
      .nav-link {
          letter-spacing: 1px;
      }
}