@media (min-width: 768px) {
  h2 {
    font-size: 2em;
  }

  .intro {
    width: 70%;
  }

  .description {
    margin: 7em auto;
  }
  .description__text {
    width: 70%;
    margin: auto;
  }

  .review {
    width: 60%;
  }
  .review .profile__text p {
    font-size: 0.8em;
  }

  .access h2 {
    font-size: 1.8em;
  }

  .footer {
    grid-template-columns: 3fr 1fr 2fr;
    grid-template-rows: 3fr;
    width: 80%;
    margin: auto;
  }
  .footer ul {
    padding: 0;
  }
  .footer__logo {
    grid-area: 1/span 3;
  }
  .footer__phone {
    grid-column: 1;
  }
  .footer__about {
    grid-area: 2/2;
  }
  .footer__contact {
    grid-area: 3/2;
  }
  .footer__social {
    grid-area: 2/3;
  }
}
@media (min-width: 1024px) {
  h2 {
    font-size: 2.2em;
  }

  .navbar {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .navbar__ul {
    grid-area: 1/3;
  }
  .navbar__ul ul {
    justify-content: space-around;
  }

  .intro {
    width: 60%;
    grid-gap: 1em;
  }
  .intro p {
    margin: 1em 2em;
    font-size: 1.2em;
  }

  .feature {
    grid-template-columns: 1fr 1fr;
    width: 1000px;
    margin: auto;
  }

  .description {
    display: flex;
  }
  .description__img {
    width: 45%;
  }
  .description__text {
    width: 45%;
  }

  .review {
    width: 90%;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .review .profile__text p {
    font-size: 0.8em;
  }

  .access {
    width: 70%;
    margin: 4em auto;
  }
  .access .container {
    top: 50%;
  }
  .access__text {
    width: 80%;
    margin: auto;
  }
  .access__text h2 {
    font-size: 1.8em;
  }
  .access__input {
    grid-template-columns: 2fr 1fr;
  }
  .access__input input {
    width: 90%;
  }

  .footer {
    grid-template-columns: 3fr 2fr 1fr 1fr 2fr;
    width: 90%;
    margin: auto;
  }
  .footer__logo {
    grid-area: 1/span 3;
  }
  .footer__location {
    grid-area: 2/1;
    grid-template-columns: 15% 85%;
  }
  .footer__phone {
    grid-column: 2/2;
  }
  .footer__about {
    grid-area: 2/3;
  }
  .footer__contact {
    grid-area: 2/4;
  }
  .footer__social {
    grid-area: 2/5;
  }
}