.xm-showcase {
  height: auto;
  min-height: rem(180px);

  > .xm-showcase-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;

    display: flex;
    align-items: flex-end;
    justify-content: center;
  }
  > .xm-showcase-body {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: rem(152px); // 180px-28px
    > .xm-title {
      @include showcase-content;
      font-family: $font-theme;
      font-size: rem(80px);
      line-height: 1;
      &.small-fix {
        font-size: rem(60px);
      }
    }
    > .xm-desc {
      @include showcase-content;
      font-size: rem(18px);
      line-height: 1.2;
      margin-top: .2rem;
      &.small-fix {
        font-size: rem(15px);
        margin-top: .4rem;
      }
    }
  }
}