.product-serie {
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 55px;
   padding-top: 20px;
}

.product-serie-brand {
   margin-right: auto;

   a {
      background-size: cover;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      position: relative;
      text-align: center;
      text-decoration: none;
      width: 100%;
      height: 100%;

      > * {
         position: relative;
         z-index: 2;
      }

      &::before {
         background: #1a1a1a;
         content: "";
         display: block;
         opacity: .2;
         position: absolute;
         left: 0;
         top: 0;
         right: 0;
         bottom: 0;
         transition: opacity .3s;
      }

      @include haf {
         &::before {
            opacity: .3;
         }
      }
   }

   .h1 {
      color: $white;
      font-size: 40px;
      margin-bottom: .5rem;
   }

   @media screen and (max-width: $lg - 1){
      margin-bottom: 40px;
   }
}
