@media screen and (max-width: 768px) {
  :root {
    --header-size: 1.875em;
    --body-size: 1em;
    --header-line-height: 40px;
    --body-line-height: 24px;
    --wrapper-padding: 10vw;
  }

  .intro {
    height: 630px;
  }

  .intro__text {
    padding-top: 78px;
  }

  .intro__img img {
    width: 450px;
    height: 675px;
  }

  .gallery {
    padding: 263px 0 30px 0;
  }

  .gallery__list {
    padding-top: 30px;
  }

  .row--1 {
    padding-top: 80px;
  }

  .row--2 {
    padding-top: 84px;
  }

  .row--3 {
    padding-top: 119px;
    padding-bottom: 80px;
  }

  .row__description {
    padding-top: 20px;
  }
  
  .social__link {
    margin-left: 48px;
  }
}