@media screen and (max-width: 992px) {
  .content {
    flex-wrap: wrap;
  }
  .sidebar,
  .primary {
    width: 100%;
  }
  .project__item {
    width: 31%;
  }
  .project__name {
    font-size: 14px;
    line-height: 1.2em;
  }
  .project__meta li h4,
  .project__link {
    font-size: 12px;
  }
}

@media screen and (max-width: 540px) {
  .banner__heading {
    font-size: 24px;
    width: 70%;
  }
  .banner__list li {
    font-size: 14px;
  }
  .counter__item h4,
  .counter__item span {
    font-size: 12px;
  }
  .project__item {
    width: 47%;
  }
}

@media screen and (max-width: 414px) {
  .banner {
    padding: 45px 25px;
  }
  .banner__heading {
    font-size: 20px;
    width: 100%;
  }
  .banner__list li {
    font-size: 12px;
    margin: 0 1px;
  }
  .counters__list {
    flex-wrap: wrap;
  }
  .project__item {
    width: 100%;
  }
}

@media screen and (max-width: 320px) {
  .profile__personal-info ul li h4,
  .profile__personal-info ul li span {
    font-size: 12px;
  }
}