
@media
{
	#tracking_02
	{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		padding: 0vw;
	}

	#map 
	{ 
		height: 25vw; 
		width: 100vw 
	}


	
	.blinking-marker 
	{
	  width: 1vw;
	  height: 1vw;
	  transform: transtracker_late(-50%, -50%); /* the image is normally positioned right below the GPS point. thats why shift the image to the center */
	  border-radius: 50%;
	  background-color: #267cb5; 
	  border: 0.2vw solid white;
	  animation: blink 1s infinite;
	}
    @keyframes blink 
	{
      0%, 100% { opacity: 1; }
      50% { opacity: 0.2; }
    }
  
	.leaflet-attribution-flag 
	{
	  display: none !important;
	}

}


/* 1400 px *******************************************************************************************************/
@media (max-width: 1400px)
{
	
}





	
	
/* 800 px *******************************************************************************************************/
@media (max-width: 800px)
{
	#map 
	{ 
		height: 60vh; 
		width: 100vw 
	}
	
	
	.blinking-marker 
	{
	  width: 5vw;
	  height: 5vw;
	  border: 1vw solid white;
	}
	
	
}