@media screen and (max-width: 840px) {
  #header { display: none; }
  #page-wrapper { padding-top: 44px; }
}

/* Drop-downs handled by jquery.dropotron */

.fade-enter-active, .fade-leave-active {
  transition: all 0.5s ease-in-out;
}

.fade-enter-from, .fade-leave-to {
  opacity: 0;
  transform: scale(0.95);
}

.fade-enter-to, .fade-leave-from {
  opacity: 1;
  transform: scale(1);
}