.drugietlo {
    width: 60% !important;
    top: 35%;
	animation: drugietlo 25s infinite ;
}


.kolkodwa {
    width: 45% !important;
    left: 30% !important;
    top: 30%;
	animation: kolkodwa infinite 18s;
 }


 .kolkotrzy {
    width: 45%;
    right: 10%;
    top: 10%;
	animation: kolkotrzy  infinite 15s;
}


.kolkocztery {
    width: 35%;
    right: 10%;
    top: 30%;
animation: cztery infinite 12s;
}

.draw-line {
	stroke-dasharray: 1512;
	stroke-dashoffset: 1512;
	animation: draw 2s ease forwards;
  }
  
  @keyframes draw {
	to {
	  stroke-dashoffset: 0;
	}
  }

  .produkter{
	width: 80%;
	margin: auto;
	top: 20%;
	animation: produkter 20s infinite;
	z-index: 5 !important;
  }

  .z-3{
	z-index: 4;
  }


  @keyframes cztery {

0%{
	top: 30%;
}

50%{
	top: 20%;
}
	
100%{
	top: 30%;

}
  }


  @keyframes kolkotrzy {
	0%{
		top: 2%;
	}
	
	50%{
		top: 10%;
	}
		
	100%{
		top: 2%;
	
	}
  }


  @keyframes kolkodwa {


	0%{
		top: 40%;
	}
	
	50%{
		top: 60%;
	}
		
	100%{
		top: 40%;
	
	}
  }

  @keyframes drugietlo {
	
0%{
	top: 35%;
}

50%{
	top: 45%;
}
	
100%{
	top: 35%;

}
  }


  @keyframes produkter {
	0%{
		top: 20%;
	}
	
	50%{
		top: 10%;
	}
		
	100%{
		top: 20%;
	
	}
  }



  @keyframes animate-svg-stroke-1 {
	0% {
	  stroke-dashoffset: 3664px;
	  stroke-dasharray: 3664px;
	}
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 3664px;
	}
  }
  
  .svg-elem-1 {
	animation: animate-svg-stroke-1 10s ease-in-out infinite alternate;
  }
  
  @keyframes animate-svg-stroke-2 {
	0% {
	  stroke-dashoffset: 2583.459px;
	  stroke-dasharray: 2583.459px;
	}
	100% {
	  stroke-dashoffset: 0;
	  stroke-dasharray: 2583.459px;
	}
  }
  
  .svg-elem-2 {
	animation: animate-svg-stroke-2 10s ease-in-out infinite alternate;
  }
  

  @media screen and (max-width: 911px){
	.miejscegrafiki {
		min-height: 400px;
	}
  }