.intro {
  .logo {
    width: 14.4%;
    position: absolute;
    top:9.563em;
    left: @innerPadding;
  }
  &-img {
    position: relative;
    z-index: 0;
  }
  &-device {
    width: 37.8%;
    position: absolute;
    top: 18.7%;
    right: @innerPadding;
  }
  &-ttl {
    position: absolute;
    bottom:6.3%;
    right: @innerPadding;
    .caps;
    display: flex;
    .text {
      @bordPad:20px;
      &-1 {
        .font(5em,1em);
        text-align: right;
        padding-right: @bordPad;
      }
      &-2 {
        text-align: left;
        position: relative;
        padding-left: @bordPad;
        &:before {
          position: absolute;
          content: '';
          left: 0;
          top: 11px;
          bottom: 11px;
          width: 1px;
          background-color: @grey;
        }
        .brand {
          .font(3.188em,1.1em);
          color: @green;
        }
        .small {
          .font(2.25em,1.1em);
          display: block;
        }
      }
    }

  }
}