@media (max-width: 900px) {
  .intro {
    width: 100%;
  }
  .intro__photo {
    width: 200px;
    height: 200px;
  }
  
  .contacts {
    width: 100%;
  }
  
  .contacts__header {
    width: 99%;
    min-width: 300px;
    padding-left: 1%;
  }

  .about__header {
    width: 99%;
    min-width: 300px;
    padding-left: 1%;
  }

  .accounts {
    width: 100%;
  }
  
  .accounts__header {
    width: 99%;
    min-width: 300px;
    padding-left: 1%;
  }
  
  .accounts__list {
    padding: 10px 5%;
  }
  
  .accounts__link::before {
    width: 60px;
    height: 60px;
  }

  .projects__header {
    width: 99%;
    min-width: 300px;
    padding-left: 1%;
  }

  .skills {
    width: 100%;
  }
  
  .skills__header {
    width: 99%;
    min-width: 300px;
    padding-left: 1%;
  }
}