

  @-webkit-keyframes rotating

  /* Safari and Chrome */
    {
    0% {
      -webkit-transform: scale(0.8);
      -o-transform:  scale(0.8);
      transform:  scale(0.8);
    }

    50% {
      -webkit-transform:  scale(1);
      -o-transform:  scale(1);
      transform:  scale(1);
    }
    100% {
        -webkit-transform: scale(0.8);
        -o-transform:  scale(0.8);
        transform:  scale(0.8);
    }
  }

  @keyframes rotating {
    0% {
      -ms-transform:  scale(0.8);
      -moz-transform:  scale(0.8);
      -webkit-transform:  scale(0.8);
      -o-transform:  scale(0.8);
      transform:  scale(0.8);
    }

    50% {
      -ms-transform:  scale(1);
      -moz-transform:  scale(1);
      -webkit-transform:  scale(1);
      -o-transform: scale(1);
      transform:  scale(1);
    }

    100% {
        -ms-transform:  scale(0.8);
        -moz-transform:  scale(0.8);
        -webkit-transform:  scale(0.8);
        -o-transform:  scale(0.8);
        transform:  scale(0.8);
      }
  }

  .logo-bg {
    background-image: url('../img/logo-paw.png');
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    background-size: contain;

    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
  }