@import '../../settings/variables';

.c-feature {
  &__title {
    color: $color-secondary-dark;
    line-height: 1.35em;
    font-family: $font-maersk-headline;
    font-size: 1.125em;
    font-weight: $font-weight-normal;
    margin-top: $margin-tiny;
    margin-bottom: $margin-small;

    &--big {
      font-size: 1.625em;
    }
  }

  &__description {
    color: $color-secondary-dark;
    line-height: 1.4375em;
  }
  
  &__description-about-us {
    color: $color-secondary-dark;
    line-height: 1.4375em;
    @include media-breakpoint-up(md) {
      padding: 0 5.2em;
    }
  }
  &__icon {
    font-size: 2.5em;
    color: $color-icons;
    padding-top: 0.1em;
    @include media-breakpoint-up(md) {
      padding-bottom: $gutter-normal;
    }
  }
}