// dont hover on phones or tablets @media screen and ( min-width: 1024px )

.btn-pop
  &:hover
    @include btn-animation
    box-shadow: $box-shadow-hover

.btn-color-swoosh
  &:hover
    @include btn-animation
    box-shadow: $box-shadow-hover

.nav-menu
  &:hover > a
    opacity: .5

  a
    &:hover
      opacity: 1

.footer-nav-links
  &:hover > li
    opacity: .5

  li
    &:hover
      opacity: 1

.nav-twitter
  &:hover
    color: $twitter-blue

.nav-facebook
  &:hover
    color: $facebook-blue

nav
  &:hover
    .site-logo
      transform: translateY(5px)