@media screen and (max-width: 1100px) {
  .main_container {
    max-width: 800px;
  }

  .header_contact a {
    font-size: 12px;
  }
  .about_me {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media screen and (max-width: 800px) {
  .main_container {
    max-width: 550px;
  }
  .header_container {
    width: 100%;
    padding: 30px 32px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
  }
  .header_logo_link {
    justify-content: center;
    padding-bottom: 15px;
  }
  .header_nav {
    justify-content: center;
  }
  .header_contact {
    display: none;
  }
  .header_nav_link {
    font-size: 12px;
  }
  .greeting {
    display: flex;
    flex-direction: column;
  }
  .contacts {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
  }
}