@media(min-width: 760px) {

  .header {
    max-width: 870px;
    margin: 0 auto;
  }

  .content__step {
    position: relative;
    padding: 30px 72px 65px;
    max-width: 870px;
    box-sizing: border-box;
  }

  .wraper {
    padding: 0 42px;
  }

  .header__logo-picture-content {
    width: 158px;
    height: 100px;
  }

  .header__title {
    font-size: 20px;
    line-height: 1;
    max-width: 200px;
  }

  .header__title-name {
    font-size: 14px;
  }

  .content__step {
    padding: 30px 70px 65px;
    background-position: 134px 113px;
    background-size: 50%;
    background: url('./img/bg-graph.png'), url('./img/bg-circle.png'), url('./img/bg-algebra.png');
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: 130px 150px, 29px top, top right;
    background-size: auto, auto, auto;
  }

  .content__main-text {
    font-size: 20px;
    line-height: 1.2;
  }

  .content__photo,
  .content__video {
    position: relative;
    margin: 0 96px;
    font-size: 0;
  }

  .content__photo-wraper:hover img {
    transform: scale(1.1);
  }

  .content__photo-legend,
  .content__video-legend {
    text-align: left;
  }

  .question-counter {
    position: absolute;
    top: 50px;
    left: 85px;
  }

  .question-counter__title {
    display: inline-block;
    background: transparent;
    color: #ffffff;
    width: 56px;
    font-size: 16px;
    line-height: 1;
  }

  .question-counter__title span {
    font-size: 12px;
    line-height: 1;
    font-weight: 400;
  }

  .question-counter__winner {
    display: block;
    color: #ffffff;
    padding: 8px 0 0 2px;
  }

  .content__question-form {
    position: relative;
    z-index: 4;
  }

  .content__progress-button {
    padding: 0 40px;
    margin: 0 auto;
    width: auto;
  }

  .header__share-wraper {
    margin-bottom: 28px;
  }

  .header__share-wraper .header__share {
    display: flex;
    align-items: center;
  }

  .header__share-wraper .header__share-overlay {
    display: none;
  }

  .header__share-wraper .header__share-title {
    display: block;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    margin-right: 15px;
    color: #ffffff;
  }

  .header__share-button {
    display: none;
  }

  .share {
    display: flex;
  }

  .share .share__button {
    background: transparent;
    color: #ffffff;
  }

  .share .share__button:hover,
  .share .share__button:active {
    background-color: #ffffff;
  }

  .share .share__button_vk:hover,
  .share .share__button_vk:active {
    color: #455c81;
  }

  .share .share__button_fb:hover,
  .share .share__button_fb:active {
    color: #414f91;
  }

  .share .share__button_ok:hover,
  .share .share__button_ok:active {
    color: #f0931d;
  }

  .share .share__button_tw:hover,
  .share .share__button_tw:active  {
    color: #4aa2d7;
  }

  .share .share__button_wh:hover,
  .share .share__button_wh:active  {
    color: #39aa44;
  }

  .share .share__button_tm:hover,
  .share .share__button_tm:active {
    color: #27aed6;
  }

  .share .share__button_vb:hover,
  .share .share__button_vb:active {
    color: #7d519e;
  }

  .share li {
    margin: 0;
  }

  .share_clicked {
    display: block;
  }

  .header__button_share_clicked {
    background: none;
  }

  .header__button_share_clicked:focus,
  .header__button_share_clicked:hover {
    background: none;
    border-color: transparent;
    outline: initial;
  }

  .last__share {
    justify-content: center;
  }

  .text-after__item {
    width: calc(50% - 10px);
    padding-top: calc((50% - 10px) * 3 / 4);
    margin: 0 20px 20px 0;
  }

  .text-after__item:nth-child(2n) {
    margin-right: 0;
  }

  .footer__logo-text {
    width: 203px;
  }
}



