// Gets rid of the out-of-place white triangle that showed up on mobile devices
// on the navigation bar dropdown.
@media (max-width: 979px) {
  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after {
    display: none !important;
  }
}

// Gets rid of the out-of-place white triangle that showed up on mobile devices
// on the navigation bar dropdown.
@media (max-width: 979px) {
  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after {
    display: none !important;
  }
}

$brandShadow: rgba(255, 255, 255, 0.125);
$brandHoverShadow: rgba(255, 255, 255, 0.4);

$brandTransitionAll: 0.2s;
$brandTransitionLinear: 0s;

.navbar .brand {
  -moz-transition: all $brandTransitionAll linear $brandTransitionLinear;
  -webkit-transition: all $brandTransitionAll linear $brandTransitionLinear;
  -o-transition: all $brandTransitionAll linear $brandTransitionLinear;

  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 30px $brandShadow;

  &:hover {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 30px $brandHoverShadow;
  }
}

Make brand on upper left fade to white on hover
Make brand on upper left fade to white on hover
