@media screen and (max-width: 1200px) {
  .header,
  .prime,
  .footer {
    padding-left: 30px;
    padding-right: 30px;
  }

  .main > section,
  .main > article {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 -webkit-calc(100% - 30px * 2);
    -ms-flex: 0 0 calc(100% - 30px * 2);
    flex: 0 0 calc(100% - 30px * 2);
  }

  .prime__image {
    right: 0;
  }
}

@media screen and (max-width: 1024px) {
  .main > section,
  .main > article {
    margin-bottom: 48px;
  }

  .prime {
    min-height: 300px;
  }

  .container__wrap {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 500px;
  }
}

@media screen and (max-width: 850px) {
  .wrapper__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .wrapper__item.wrapper__img {
    margin-left: auto;
    margin-right: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 70%;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
  }

  .wrapper__item + .wrapper__item {
    margin-top: 20px;
  }

  .prime {
    padding-top: 32px;
    padding-bottom: 220px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .prime__image {
    max-height: 280px;
  }

  .prime__image img {
    width: unset;
    max-width: unset;
    height: 100%;
  }

  .prime__wrap {
    margin-left: auto;
    margin-right: auto;
  }

  .prime__title {
    text-align: center;
  }

  .prime__desc {
    text-align: center;
  }
}

@media screen and (max-width: 605px) {
  h1 {
    font-size: 38px;
  }

  h2 {
    font-size: 26px;
  }

  h3 {
    font-size: 20px;
  }

  h4 {
    font-size: 16px;
  }

  .header,
  .prime,
  .footer {
    padding-left: 20px;
    padding-right: 20px;
  }

  .main > section,
  .main > article {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 -webkit-calc(100% - 20px * 2);
    -ms-flex: 0 0 calc(100% - 20px * 2);
    flex: 0 0 calc(100% - 20px * 2);
  }

  .wrap {
    padding: 16px;
  }

  .prime__desc {
    font-size: 20px;
  }

  .contacts {
    padding: 20px;
  }

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

@media screen and (max-width: 375px) {
  h1 {
    font-size: 30px;
  }

  h2 {
    font-size: 22px;
  }

  h3 {
    font-size: 18px;
  }
}