@media screen and (min-width: 600px) {
    .logo-div a .logo-askew {
        -webkit-animation-name: unskew;
                animation-name: unskew;
        -webkit-animation-duration: .6s;
                animation-duration: .6s;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
        -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
        -webkit-animation-timing-function: cubic-bezier(.75, -2, .75, 2);
                animation-timing-function: cubic-bezier(.75, -2, .75, 2);
        -webkit-transform-origin: 86% 15%;
                transform-origin: 86% 15%;
        }

    .logo-div:hover a .logo-askew {
        -webkit-animation-name: skew;
                animation-name: skew;
        -webkit-animation-duration: 1.2s;
                animation-duration: 1.2s;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
        -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
        -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;
        -webkit-transform-origin: 86% 15%;
                transform-origin: 86% 15%;
        }
}
@-webkit-keyframes unskew {
  0% {
    -webkit-transform: rotate(-50deg);
            transform: rotate(-50deg);
  }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes unskew {
  0% {
    -webkit-transform: rotate(-50deg);
            transform: rotate(-50deg);
  }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@-webkit-keyframes skew {
  40% {
    -webkit-transform: rotate(-60deg);
            transform: rotate(-60deg);
  }
  60% {
    -webkit-transform: rotate(-35deg);
            transform: rotate(-35deg);
  }
  80% {
    -webkit-transform: rotate(-50deg);
            transform: rotate(-50deg);
      }
  to {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}

@keyframes skew {
  40% {
    -webkit-transform: rotate(-60deg);
            transform: rotate(-60deg);
  }
  60% {
    -webkit-transform: rotate(-35deg);
            transform: rotate(-35deg);
  }
  80% {
    -webkit-transform: rotate(-50deg);
            transform: rotate(-50deg);
      }
  to {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}