.tui-text-in-image {
  display: inline-block;
  position: relative;
  padding: ($margin-normal * 3) 0;
  color: $color-white;

  h1,
  h2 {
    color: $color-white;
    text-shadow: 0 2px 2px rgba($color-black, .85);
  }

  @media (max-width: $screen-xs-max) {
    margin: 0;
    padding: 0;
    width: 100%;
  }

  h1 {
    @include font-size(50);
    text-transform: uppercase;
    letter-spacing: .025em;
    margin: 0;

    @media (max-width: $screen-xs-max) {
      padding: $margin-normal;
      @include font-size(40);
    }
  }

  h2 {
    @include font-size(24);
    margin: 0;

    @media (max-width: $screen-xs-max) {
      padding: 0 $margin-normal $margin-normal;
    }
  }

  .cux-button-icon {
    @media (max-width: $screen-xs-max) {
      padding: 0 0 $margin-normal $margin-normal;
      margin: 0;
    }
  }
}