.navbar {
  padding: 0;
  background-color: #343434;
  position: fixed;
  left: 0;
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.navbar.home-page {
  top: 14.1rem;
}
@media only screen and (min-width: 769px) and (max-width: 991px) {
  .navbar.home-page {
    top: 11.1rem;
  }
}
.navbar.not-home-page {
  top: 14.1rem;
}
@media only screen and (min-width: 769px) and (max-width: 991px) {
  .navbar.not-home-page {
    top: 11.7rem;
  }
}
.navbar.navbar--active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.navbar-mobile.home-page, .navbar-mobile.not-home-page {
  top: 10.6rem;
}