.Main {
  height: rem(600px);
  position: relative;

  .BgWrapper {
    position: absolute;
    top: rem(-200px);
    left: rem(-880px);
    width: 100vw;
    z-index: -1;

    @include iftablet{
      top: rem(-200px);
      left: rem(-600px);
    }

    @include iflaptop{
      top: rem(-200px);
      left: rem(-360px);
    }

    @include ifdesktop{
      top: rem(-200px);
      left: 0;
    }

    .Background {
      object-fit: cover;
    }
  }

  .Header {
    position: absolute;
    top: rem(180px);
    left: rem(20px);
    font-family: $font-roboto;
    font-weight: 500;
    font-size: rem(32px);
    line-height: 130%;
    color: $color-title;
    max-width: rem(360px);

    @include iftablet{
      top: rem(180px);
      left: rem(60px);
      font-size: rem(42px);
      max-width: rem(660px);
    }

    @include iflaptop{
      top: rem(180px);
      left: rem(140px);
      font-size: rem(42px);
      max-width: rem(660px);
    }

    @include ifdesktop{
      top: rem(180px);
      left: rem(300px);
      font-size: rem(48px);
      max-width: rem(720px);
    }
  }

  .Lines {
    position: absolute;
    top: rem(420px);
    left: rem(-80px);

    @include iftablet{
      left: rem(0px);
    }

    @include iflaptop{
      left: rem(120px);
    }

    @include ifdesktop{
      left: rem(200px);
    }
  }
}