@font-face {
    font-family: repetition;
    font-weight: bold;
    src: url('/assets/fonts/repetition/repetition.otf');
  }
  
  h1 {
    font-family: repetition, sans-serif;
    font-size: 3rem;
    color: #ca4c02;
    margin-top: 5rem;
    margin-bottom: 3rem;
    padding-left: 5rem;
  }
  
 
.products {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
   
  }
  .product-items {
    width: 33.33%;
    padding-left: auto;
    padding-right: auto;
    position: relative;
    flex: 0 0 33.3%;
    padding-bottom: 10px;
    list-style: none;
  }
  
  .product-items img {
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
    padding-right: 5px;
  }
 .product-items p{
     display: block;
    font-weight:bold;
    text-align: center;
    font-size: 25px;
    color:#35373c;
    font-family: "Helvetica Neue", Helvetica, Arial, Helvetica,
    sans-serif;
 }
  @media only screen and (max-width: 992px) {
   
    .product-items{
      max-width: 50%;
      width: 100%;
      position: relative;
      flex: 0 0 50%;
    }
    .product-items p{
        font-size: 20px;
      }
  }