@media (min-width: 1700px) {
  html {
    font-size: 19px;
  }
}
@media (min-width: 1800px) {
  html {
    font-size: 20px;
  }
}
@media (min-width: 1900px) {
  html {
    font-size: 21px;
  }
}
@media (min-width: 2000px) {
  html {
    font-size: 22px;
  }
}
@media (min-width: 2100px) {
  html {
    font-size: 23px;
  }
}
@media (min-width: 2200px) {
  html {
    font-size: 24px;
  }
}
@media (min-width: 2300px) {
  html {
    font-size: 25px;
  }
}
@media (min-width: 2400px) {
  html {
    font-size: 26px;
  }
}
@media (min-width: 2500px) {
  html {
    font-size: 27px;
  }
}
@media (min-width: 2600px) {
  html {
    font-size: 28px;
  }
}
@media (min-width: 2700px) {
  html {
    font-size: 29px;
  }
}
@media (min-width: 2800px) {
  html {
    font-size: 30px;
  }
}
@media (min-width: 2900px) {
  html {
    font-size: 31px;
  }
}
@media (min-width: 3000px) {
  html {
    font-size: 32px;
  }
}
@media (min-width: 3100px) {
  html {
    font-size: 33px;
  }
}
@media (min-width: 3200px) {
  html {
    font-size: 34px;
  }
}
@media (min-width: 3300px) {
  html {
    font-size: 35px;
  }
}
@media (min-width: 3400px) {
  html {
    font-size: 36px;
  }
}
@media (min-width: 3500px) {
  html {
    font-size: 37px;
  }
}
@media (min-width: 3600px) {
  html {
    font-size: 38px;
  }
}
@media (min-width: 3700px) {
  html {
    font-size: 39px;
  }
}
@media (min-width: 3800px) {
  html {
    font-size: 40px;
  }
}
@media (min-width: 3900px) {
  html {
    font-size: 41px;
  }
}
@media (min-width: 4000px) {
  html {
    font-size: 42px;
  }
}
@media (min-width: 4100px) {
  html {
    font-size: 43px;
  }
}
@media (min-width: 4200px) {
  html {
    font-size: 44px;
  }
}
@media (min-width: 4300px) {
  html {
    font-size: 45px;
  }
}
@media (min-width: 4400px) {
  html {
    font-size: 46px;
  }
}
@media (min-width: 4500px) {
  html {
    font-size: 47px;
  }
}
@media (min-width: 4600px) {
  html {
    font-size: 48px;
  }
}
@media (min-width: 4700px) {
  html {
    font-size: 49px;
  }
}
@media (min-width: 4800px) {
  html {
    font-size: 50px;
  }
}
@media (min-width: 4900px) {
  html {
    font-size: 51px;
  }
}
@media (min-width: 5000px) {
  html {
    font-size: 52px;
  }
}
@media (min-width: 5100px) {
  html {
    font-size: 53px;
  }
}
@media (min-width: 5200px) {
  html {
    font-size: 54px;
  }
}
@media (min-width: 5300px) {
  html {
    font-size: 55px;
  }
}
@media (min-width: 5400px) {
  html {
    font-size: 56px;
  }
}
@media (min-width: 5500px) {
  html {
    font-size: 57px;
  }
}
@media (min-width: 5600px) {
  html {
    font-size: 58px;
  }
}
@media (min-width: 5700px) {
  html {
    font-size: 59px;
  }
}
@media (min-width: 5800px) {
  html {
    font-size: 60px;
  }
}
@media (min-width: 5900px) {
  html {
    font-size: 61px;
  }
}
@media (min-width: 6000px) {
  html {
    font-size: 62px;
  }
}
@media (min-width: 6100px) {
  html {
    font-size: 63px;
  }
}
@media (min-width: 6200px) {
  html {
    font-size: 64px;
  }
}
@media (min-width: 6300px) {
  html {
    font-size: 65px;
  }
}
@media (min-width: 6400px) {
  html {
    font-size: 66px;
  }
}
@media (min-width: 6500px) {
  html {
    font-size: 67px;
  }
}
@media (min-width: 6600px) {
  html {
    font-size: 68px;
  }
}
@media (min-width: 6700px) {
  html {
    font-size: 69px;
  }
}
@media (min-width: 6800px) {
  html {
    font-size: 70px;
  }
}
@media (min-width: 6900px) {
  html {
    font-size: 71px;
  }
}
@media (min-width: 7000px) {
  html {
    font-size: 72px;
  }
}
@media (min-width: 7100px) {
  html {
    font-size: 73px;
  }
}
@media (min-width: 7200px) {
  html {
    font-size: 74px;
  }
}
@media (min-width: 7300px) {
  html {
    font-size: 75px;
  }
}
@media (min-width: 7400px) {
  html {
    font-size: 76px;
  }
}
@media (min-width: 7500px) {
  html {
    font-size: 77px;
  }
}
@media (min-width: 7600px) {
  html {
    font-size: 78px;
  }
}
.container {
  max-width: 73.3333333333rem;
  padding-left: 0.8333333333rem;
  padding-right: 0.8333333333rem;
}

@media (max-width: 1400px) {
  html {
    font-size: 17px;
  }
}
@media (max-width: 1300px) {
  html {
    font-size: 16px;
  }

  .head {
    padding-top: 1.1111111111rem;
  }

  .reels-content {
    margin-top: -4.4444444444rem;
  }
  .reels-content .phone img {
    display: block;
    margin: auto;
  }
  .reels-content .description {
    padding-top: 1.1111111111rem;
    margin: 0;
  }

  .benefits {
    margin-top: 2.7777777778rem;
    padding-bottom: 2.2222222222rem;
  }

  .footer logo {
    padding-bottom: 1.1111111111rem;
  }
}
@media (max-width: 1200px) {
  html {
    font-size: 15px;
  }

  .head .logo img {
    max-width: 1.6666666667rem;
    width: 100%;
  }

  .reels-content .description {
    text-align: center;
    min-height: inherit;
  }
}
@media (max-width: 992px) {
  .benefits-item {
    height: auto;
    max-width: 23.3333333333rem;
    margin: 0 auto 1.1111111111rem;
    background: rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 540px) {
  .head .logo a img {
    max-width: 2.7777777778rem;
    width: 100%;
  }
  .head .logo a span {
    padding: 0;
    font-size: 1.2222222222rem;
  }

  .reels-content {
    margin-top: -5.5555555556rem;
  }
  .reels-content .phone {
    margin-left: -3.3333333333rem;
    margin-right: -3.3333333333rem;
  }
  .reels-content .description h1 {
    font-size: 1.6666666667rem;
    line-height: 2.2222222222rem;
  }
  .reels-content .description p {
    margin-bottom: 1.1111111111rem;
  }

  .footer .logo {
    padding: 0.6666666667rem 0;
  }
  .footer .logo span {
    font-size: 1.2222222222rem;
  }
  .footer .link-store {
    padding: 0.6666666667rem 0;
  }
  .footer .social {
    padding: 0.6666666667rem 0;
  }
  .footer .public ul li {
    display: block;
    text-align: center;
  }
  .footer .public ul li + li {
    margin: 1.1111111111rem 0;
    font-size: 0.8888888889rem;
  }
}