.product-downloads {
  .lt-xxl({
    .col-double-gutter;

    margin-left: 0;
    margin-right: 0;
  });

  margin-top: @default--space * 4;

  .gt-md({
    margin-top: @default--space * 6;  
  });

  &__item:not(:last-child) {
    margin-bottom: @default--space;
  }

  &__header {
    .lt-md({
      .h5;
    });
    
    .gt-md({
      margin-bottom: @default--space * 2;  
    });
  }

  &__item-header {
    .truncate();
    .h8;

    .gt-md({
      .h7;
    });
    
    .gt-xl({
      .h5;

      // I have to add this mobile first declarations here instead at the beginning of this selector
      line-height: 1;
      margin-bottom: 0;
    });

    // Workaround for breakpoint declartion in _headlines.less
    .lt-xl({
      line-height: 1;
      margin-bottom: 0;
    });
  }

  &__item-description {
    .truncate();
    .p6;

    font-family: @font-family--trade-gothic-light;
    text-transform: uppercase;
    
    .gt-xl({
      .p5;
    });
  }
}
