@media screen and (orientation: landscape) and (max-aspect-ratio: 1600/860) {
  .main__img {
    height: 90vh;
  }
  .main__img.main__img-left {
    left: -15vh;
  }
  .main__img.main__img-right {
    right: -15vh;
  }
}

@media screen and (orientation: portrait) {
  body {
    overflow: hidden auto;
    background-image: url(../images/background-mob.png);
  }

  .header {
    padding-top: 6.8vw;
  }

  .header__logo img {
    height: 16.5vw;
  }

  .background img {
    -o-object-position: center top;
    object-position: center top;
  }

  .cover {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .main {
    padding-top: 8vw;
    padding-bottom: 70vw;
    max-width: 100%;
    overflow: hidden;
  }

  .main::after {
    display: none;
  }

  .prime {
    max-width: 100%;
  }

  .prime__title {
    margin-bottom: 6.8vw;
    gap: 2.3vw;
  }

  .prime__title .text-small {
    font-size: 6.8vw;
  }
  .prime__title .text-large {
    font-size: 9.8vw;
  }

  .prime__title .text-large > span:first-child::after {
    margin: auto 1.5vw;
    width: 2.7vw;
    height: 2.7vw;
  }

  .prime__title .text-background {
    padding: 2.3vw 8.5vw;
    font-size: 6.8vw;
  }

  .main__img {
    position: absolute;
    height: unset;
    width: 100%;
  }
  .main__img.main__img-left {
    left: -73px;
    width: 87vw;
    bottom: -10vw;
    z-index: 11;
  }
  .main__img.main__img-right {
    right: -12vw;
    width: 82vw;
    bottom: -3vw;
  }
  .main__img img {
    height: unset;
    width: 100%;
  }

  .prime__button {
    width: 44.5vw;
    height: 12vw;
    font-size: 4.5vw;
  }
}