/* Small phones — up to 400px */

@media (max-width: 400px) {

  :root {
    --side: 16px;
    --side_right: 16px;
  }

  .navigation_header {
    padding: 16px;
  }

  .hero_title {
    font-size: 26px;
  }

  .section_title {
    font-size: 18px;
  }

  .team_member {
    grid-template-columns: 1fr;
  }

  .team_photo {
    max-width: 180px;
  }

  .tabs {
    row-gap: 10px;
  }
}