.product-list
{
  padding-top:98px;
  padding-bottom:98px;
  display: flex;
  flex-wrap:wrap;
  article
  {
    picture
    {
      display: block;
      position: relative;
      padding-top:100%;
      width: 100%;
      overflow: hidden;
      border-radius: 8px;
      margin-bottom: 16px;

      img
      {
        position: absolute;
        top:0;
        left:0;
        width: 100%;
        height: 100%;
        object-fit:cover;
        object-position: center;
      }
    }
    h2
    {
      a
      {
        color:$text-color;
      }
    }
    span
    {
      color:$main-color;
      font-size: 24px;
      font-weight: 400;
      letter-spacing: 0.96px;
    }

  }
  @media(min-width:768px)
  {
    article
    {
      width: 82% / 4;
      margin:0 2% 4% 2%;
      &:nth-child(4n)
      {
        margin-right: 0;
      }
      &:nth-child(4n + 1)
      {
        margin-left: 0;
      }
    }
  }
}