.tui-text-in-image {
  margin: 0;
  padding: 0;
  width: 100%;
  background: $color-blue-200;
  border: 0;

  h1,
  h2 {
    text-shadow: none;
  }

  .concept-logo-tile {
    display: none;
    margin-right: $margin-double;

    @include breakpoint(sm) {
      display: block;
    }
  }

  @include breakpoint(sm) {
    background-color: rgba($color-white, .7);
    width: auto;
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: stretch;
    padding: ($margin-normal * 3);
    position: relative;
  }

  h1,
  .h1 {
    @include font-size(50);
    margin: 0;

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

  h2,
  .lead {
    margin: 0;

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

  &.color-white {
    text-shadow: 0 1px 3px rgba($color-black, .5);
  }

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