@media screen and (max-width: 767px) {
  .site {
    width: 100%;
    margin: 2px;
  }

  .header-navigation a.auth {
    float: left;
  }

  .header-navigation a:not(:first-child) {
    display: none;
  }

  .header-navigation a.icon {
    float: right;
    display: block;
  }

  .header-navigation.responsive {
    position: relative;
  }

  .header-navigation.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }

  .header-navigation.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}