body.page-index {
  @media screen and (min-width: calc(1920px)) {
    .banner {
      display: flex;
      align-items: center;
      height: 100vh;
      padding: 0;

      & > .container {
        margin-top: 10vw;
      }
    }
  }

  .banner .scroll-icon {
    margin-top: 5vw;
    text-align: center
  }

  .banner .scroll-icon img {
    opacity: 0.7;
    width: 1.5vw;
  }

  @media screen and (max-width: calc(1024px - 1px)) {
    .banner .scroll-icon img {
      width: 15px;
    }
  }
}

.testimonial {
  width: 60vw;

  img {
    border-radius: 100%;
    border: 0.15vw solid white;
    width: 2.5vw;
  }

  @media screen and (max-width: calc(1024px - 1px)) {
    width: 100%;

    img {
      border-width: 1.5px;
      width: 50px;
    }
  }
}

#ipad {
  background-color: var(--colour-background-alt);
  height: 50vw;
  width: 50%;

  canvas {
    height: 100% !important;
  }
}