#kropka {
	transform: scale(0.5);
    width: 25px;
    height: 25px;
  	 background:url(kropka.png)no-repeat;
    position: relative;
    -webkit-animation-name: animacja; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 5s; /* Safari 4.0 - 8.0 */
    animation-name: animacja;
    animation-duration: 5s;
	 animation-fill-mode: forwards;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes animacja {
     0%   {left:42.86%; top:27.29%;}
    25% {left:74.13%; top:47.30%;}
	 40%	{left:74.13%; top:47.30%; transform: scale(0.5);}
	 50%	{left:74.13%; top:47.30%; transform: scale(1);}
	 60% {left:74.13%; top:47.30%; transform: scale(0.5);}
	 70% {left:74.13%; top:47.30%; transform: scale(1);}
	 80% {left:74.13%; top:47.30%; transform: scale(0.5);}
	 90% {left:74.13%; top:47.30%; transform: scale(1);}
	 100% {left:74.13%; top:47.30%; transform: scale(0.5);}
}

/* Standard syntax */
@keyframes animacja {
     0%   {left:42.86%; top:27.29%;}
    25% {left:74.13%; top:47.30%;}
	 40%	{left:74.13%; top:47.30%; transform: scale(0.5);}
	 50%	{left:74.13%; top:47.30%; transform: scale(1);}
	 60% {left:74.13%; top:47.30%; transform: scale(0.5);}
	 70% {left:74.13%; top:47.30%; transform: scale(1);}
	 80% {left:74.13%; top:47.30%; transform: scale(0.5);}
	 90% {left:74.13%; top:47.30%; transform: scale(1);}
	 100% {left:74.13%; top:47.30%; transform: scale(0.5);}
}


@media (max-width: 438px) {

@-webkit-keyframes animacja {
     0%   {left:42.86%; top:27.29%;}
    25% {left:73.13%; top:50.30%;}
	 40%	{left:73.13%; top:50.30%; transform: scale(0.5);}
	 50%	{left:73.13%; top:50.30%; transform: scale(1);}
	 60% {left:73.13%; top:50.30%; transform: scale(0.5);}
	 70% {left:73.13%; top:50.30%; transform: scale(1);}
	 80% {left:73.13%; top:50.30%; transform: scale(0.5);}
	 90% {left:73.13%; top:50.30%; transform: scale(1);}
	 100% {left:73.13%; top:50.30%; transform: scale(0.5);}
}

/* Standard syntax */
@keyframes animacja {
     0%   {left:42.86%; top:27.29%;}
    25% {left:73.13%; top:50.30%;}
	 40%	{left:73.13%; top:50.30%; transform: scale(0.5);}
	 50%	{left:73.13%; top:50.30%; transform: scale(1);}
	 60% {left:73.13%; top:50.30%; transform: scale(0.5);}
	 70% {left:73.13%; top:50.30%; transform: scale(1);}
	 80% {left:73.13%; top:50.30%; transform: scale(0.5);}
	 90% {left:73.13%; top:50.30%; transform: scale(1);}
	 100% {left:73.13%; top:50.30%; transform: scale(0.5);}
}
}