// Trust banner displayed on the home page
//
// Styleguide Trust banner

.trust-banner {
  position: relative;
}

.trust-banner__heading {
  @extend %font-heading-heavy;
  @include body(24, 30);
  color: $color-heading-extra-small;
  padding-top: 1em;
  padding-bottom: 0.6em;
  margin: 0;

  @include respond-to($mq-m) {
    @include body(36, 42);
    width: 60%;
  }

  @include respond-to($mq-l) {
    @include body(48, 54);
  }
}

.trust-banner__image {
  display: none;

  @include respond-to($mq-m) {
    display: block;
    width: 40%;

    position: absolute;
    bottom: 0;
    right: 0;
  }
}

.trust-banner__content {
  @extend .unstyled-list;
  @extend .list-benefits;
  margin-bottom: $baseline-unit*4;

  @include respond-to($mq-l) {
    margin-bottom: $baseline-unit*10;
  }

  > li {
    @include body(16,24);
    margin-bottom: $baseline-unit;
  }
}

// Trust banner displayed on the home page
//
// Styleguide Trust banner

.trust-banner {
  position: relative;
}

.trust-banner__heading {
  @extend %font-heading-heavy;
  @include body(24, 30);
  color: $color-heading-extra-small;
  padding-top: 1em;
  padding-bottom: 0.6em;
  margin: 0;

  @include respond-to($mq-m) {
    @include body(36, 42);
    width: 60%;
  }

  @include respond-to($mq-l) {
    width: 50%;
  }

  @include respond-to($mq-xl) {
    @include body(48, 54);
    width: 60%;
  }
}

.trust-banner__image {
  display: none;

  @include respond-to(56.25em) {
    display: block;
    width: 380px;

    position: absolute;
    bottom: 0;
    right: 0;
  }

  @include respond-to($mq-l) {
    width: 440px;
  }
}

.trust-banner__content {
  @extend .unstyled-list;
  @extend .list-benefits;
  margin-bottom: $baseline-unit*8;

  > li {
    @include body(16,24);
    margin-bottom: $baseline-unit;
  }
}

Adjust alignment of the trust banner
Adjust alignment of the trust banner
