// 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)