.split-content {
  display: flex;

  main {
    margin-right: 4rem;
    width: 75%;
  }

  aside {
    width: 25%;
  }

  @media (max-width: $lg) {
    flex-direction: column;

    main,
    aside {
      width: 100%;
    }
  }
}

.home-header {
  position: relative;
  background-color: rgba($black, 0.5);
  padding-bottom: 90px;
  padding-top: 45px;

  @media (max-width: $md) {
    padding-top: 30px;
  }

  .wave {
    overflow: hidden;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 90px;
    transform: translateY(1px);
    z-index: 3;

    svg {
      position: absolute;
      left: -3%;
      right: -3%;
      bottom: 0;
      width: 106%;
      min-width: 600px;

      fill: $background;
    }
  }
}
