.shape {
  .hero-img;
  &-ttl{
    .bigYellowTitle;
  }
  &-desc{
    .standardDesc(@white);
  }
  &-cols {
    height: 100%;
    > .col {
      display: flex;
      justify-content: center;
      height: 100%;
      &:first-child {
        flex-direction: column;
        .setCol(30%);
      }

      &:last-child {
        .setCol(70%);
      }
    }
  }
  &-device {
    position: relative;
    height: 100%;
    width: 100%;
    figure {
      position: absolute;
      figcaption {
        text-align: center;
        position: absolute;
        width: 100%;
      }
    }
    &-other {
      top: 4.4%;
      right: 0;
      width: 36.8%;
      figcaption {
        .font(1.250em,normal);
        color: @white;
        bottom: 2%;
      }
    }
    &-transformer {
      top: 4.5%;
      right: 24.4%;
      width: 79.1%;

      figcaption {
        .font(1.375em,normal);
        color:@yellow;
        bottom: 10%;
      }
    }

  }
  .text {
    &-1 {

    }
    &-2 {

    }
    &-3 {

    }
  }
}