@media screen and (min-width: 2100px) {
  .header__logo img {
    max-height: 180px;
  }

  .main {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .prime {
    margin-top: 0;
  }

  .prime__title .dark-text {
    font-size: 3.5vw;
  }

  .prime__title .large-text {
    font-size: 5vw;
  }

  .prime__title .light-text {
    font-size: 3vw;
  }

  .prime__button {
    padding: 1vw 2vw;
    max-width: 700px;
    font-size: 1.7vw;
  }

  .main__image {
    max-height: 1550px;
  }
}

@media screen and (max-width: 2100px) {
  .main__image {
    max-height: 850px;
  }
}

@media screen and (max-width: 1600px) {
  .header {
    padding-top: 16px;
  }

  .header__logo img {
    max-height: 85px;
  }

  .main {
    padding-top: 115px;
    padding-bottom: 80px;
  }

  .main__image {
    max-height: 560px;
    min-height: 560px;
  }

  .main__image-left {
    left: 0;
    bottom: 90px;
  }

  .main__image-right {
    right: 0;
    bottom: 90px;
  }

  .prime__title {
    margin-bottom: 30px;
  }

  .prime__title .dark-text {
    font-size: 52px;
  }

  .prime__title .large-text {
    font-size: 76px;
  }

  .prime__title .light-text {
    font-size: 42px;
  }

  .footer {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .footer__payment img {
    max-height: 35px;
  }
}

@media screen and (max-width: 1400px) {
  .main {
    padding-left: 32px;
    padding-right: 32px;
  }

  .main__image {
    position: absolute;
    height: calc(100vh - 430px);
    max-height: 850px;
  }

  .main__image-left {
    left: 0;
  }

  .main__image-right {
    right: 0;
  }
}

@media screen and (max-width: 1024px) {
  .main__image {
    max-height: 600px;
    min-height: unset;
  }
}

@media screen and (max-width: 850px) {
  .main {
    padding-left: 16px;
    padding-right: 16px;
  }

  .main__element {
    left: 0;
  }

  .main__image {
    height: 80vw;
    max-height: 75vw;
    display: block;
    bottom: 20px;
  }

  .prime {
    margin-bottom: 60vw;
    width: 100%;
  }

  .prime__title .dark-text {
    font-size: 44px;
  }

  .prime__title .large-text {
    font-size: 72px;
  }

  .prime__title .light-text {
    font-size: 38px;
  }
}

@media screen and (max-width: 768px) {
  .footer__payment {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .footer__payment li {
    margin: 4px 10px;
  }
}

@media screen and (max-width: 605px) {
  body {
    background-image: url(../img/mob-main.jpg);
  }

  .header {
    padding: 16px 16px 0;
  }

  .header__logo img {
    max-height: 60px;
  }

  .main {
    padding-top: 95px;
    padding-bottom: 100px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .prime {
    margin-bottom: 70vw;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
  }

  .prime__title > span {
    margin: 0;
  }

  .prime__title .dark-text {
    font-size: 28px;
  }

  .prime__title .light-text {
    font-size: 24px;
  }

  .prime__button {
    padding: 17px 20px;
    max-width: 290px;
    font-size: 24px;
  }

  .footer {
    padding: 12px 10px;
  }

  .footer__payment img {
    max-height: 20px;
  }
}

@media screen and (max-width: 550px) {
  .main__element {
    display: none;
  }
}

@media screen and (max-width: 375px) {
  .prime__title .dark-text {
    font-size: 22px;
  }

  .prime__title .large-text {
    font-size: 56px;
    text-shadow: 0px 4px 0px #965e31;
  }

  .prime__title .light-text {
    font-size: 18px;
  }

  .footer__payment img {
    max-height: 16px;
  }
}

@media screen and (max-width: 1200px) and (orientation: portrait) {
  .main__image-left {
    bottom: 110px;
  }

  .main__image-right {
    bottom: 90px;
  }
}

@media screen and (max-width: 768px) and (orientation: landscape) {
  .header__logo img {
    max-height: 40px !important;
  }

  .main {
    padding-top: 64px;
  }

  .main__element {
    display: none;
  }
}
