.beacon
{
	position: absolute;
    top: 59.1%;
    left: 47.9%;
    height: 50px;
    width: 96px;
    border-radius: 50%;
  -webkit-transform:translateX(-50%) translateY(-50%);
}
.beacon1
{
	position: absolute;
    top: 61.45%;
    left: 42.8%;
    height: 44px;
    width: 85px;
    border-radius: 50%;
  -webkit-transform:translateX(-50%) translateY(-50%);
}
.beacon2
{
	position: absolute;
    top: 60.9%;
    left: 54.4%;
    height: 46px;
    width: 87px;
    border-radius: 50%;
  -webkit-transform:translateX(-50%) translateY(-50%);
}
.beacon3
{
	position: absolute;
	top: 64.4%;
    left: 67.8%;
    height: 45px;
    width: 81px;
    border-radius: 50%;
  -webkit-transform:translateX(-50%) translateY(-50%);
}
.beacon4
{
	position: absolute;
    top: 64.5%;
    left: 80.1%;
    height: 50px;
    width: 88px;
    border-radius: 50%;
  -webkit-transform:translateX(-50%) translateY(-50%);
}
.beacon5
{
	position: absolute;
    top: 66.9%;
    left: 38.7%;
    height: 44px;
    width: 80px;
    border-radius: 50%;
  -webkit-transform:translateX(-50%) translateY(-50%);
}
.beacon6
{
	position: absolute;
    top: 70%;
    left: 38.7%;
    height: 45px;
    width: 80px;
    border-radius: 50%;
  -webkit-transform:translateX(-50%) translateY(-50%);
}
.beacon7
{
	position: absolute;
    top: 72.3%;
    left: 39.4%;
    height: 44px;
    width: 102px;
    border-radius: 50%;
  -webkit-transform:translateX(-50%) translateY(-50%);
}
.beacon8
{
	position: absolute;
    top: 66.89%;
    left: 45.8%;
    height: 45px;
    width: 70px;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
}
.beacon9
{
	position: absolute;
    top: 78.29%;
    left: 45.8%;
    height: 45px;
    width: 70px;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
}
.beacon10
{
	position: absolute;
    top: 72.3%;
    left: 54.3%;
    height: 45px;
    width: 88px;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
}
.beacon11
{
	position: absolute;
    top: 70%;
    left: 54.3%;
    height: 45px;
    width: 88px;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
}
.beacon12
{
	position: absolute;
    top: 67.71%;
    left: 54.3%;
    height: 45px;
    width: 88px;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
}
.beacon13
{
	position: absolute;
    top: 64.4%;
    left: 17.57%;
    height: 45px;
    width: 105px;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
}
.beacon14
{
	position: absolute;
    top: 64.44%;
    left: 55.8%;
    height: 45px;
    width: 87px;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
}
.beacon15
{
	position: absolute;
    top: 69.2%;
    left: 22.4%;
    height: 54px;
    width: 104px;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
}
.beacon16
{
	position: absolute;
   top: 64.45%;
    left: 33.8%;
    height: 46px;
    width: 130px;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
}
.beacon17
{
	position: absolute;
   top: 64.45%;
    left: 42.2%;
    height: 46px;
    width: 94px;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
}
.beacon18
{
	position: absolute;
   top: 64.35%;
    left: 61.9%;
    height: 42px;
    width: 80px;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
}
.beacon19
{
	position: absolute;
    top: 64.37%;
    left: 73.65%;
    height: 42px;
    width: 80px;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
}
.beacon20
{
	position: absolute;
   top: 67.6%;
    left: 29.5%;
    height: 95px;
    width: 100px;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
}
.beacon21
{
	position: absolute;
   top: 70.89%;
    left: 29.57%;
    height: 54px;
    width: 104px;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
}
.beacon22
{
	position: absolute;
   top: 56.55%;
    left: 47.9%;
    height: 51px;
    width: 94px;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
}
.beacon23
{
	position: absolute;
   top: 66.94%;
    left: 17.5%;
    height: 44px;
    width: 94px;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
}

.beacon24 {
    position: absolute;
    top: 72.94%;
    left: 29.5%;
    height: 44px;
    width: 94px;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
}

@media only screen and (max-width: 1500px) 
{
	.beacon
	{
		position: absolute;
		top: 59.67%;
		left: 47.9%;
		height: 46px;
		width: 87px;
		border-radius: 50%;
	  -webkit-transform:translateX(-50%) translateY(-50%);
	}
	.beacon1
	{
		position: absolute;
		top: 61.9%;
		left: 42.8%;
		height: 40px;
		width: 78px;
		border-radius: 50%;
	  -webkit-transform:translateX(-50%) translateY(-50%);
	}
	.beacon2
	{
		position: absolute;
		top: 61.4%;
		left: 54.4%;
		height: 41px;
		width: 79px;
		border-radius: 50%;
	  -webkit-transform:translateX(-50%) translateY(-50%);
	}
	.beacon3
	{
		position: absolute;
		top: 64.6%;
		left: 67.8%;
		height: 40px;
		width: 75px;
		border-radius: 50%;
	  -webkit-transform:translateX(-50%) translateY(-50%);
	}
	.beacon4
	{
		position: absolute;
		top: 64.76%;
		left: 79.9%;
		height: 45px;
		width: 80px;
		border-radius: 50%;
	  -webkit-transform:translateX(-50%) translateY(-50%);
	}
	.beacon5
	{
		position: absolute;
		top: 67%;
    left: 38.7%;
    height: 40px;
    width: 75px;
		border-radius: 50%;
	  -webkit-transform:translateX(-50%) translateY(-50%);
	}
	.beacon6
	{
		position: absolute;
		top: 69.89%;
		left: 38.7%;
		height: 42px;
		width: 73px;
		border-radius: 50%;
	  -webkit-transform:translateX(-50%) translateY(-50%);
	}
	.beacon7
	{
		position: absolute;
		top: 72%;
		left: 39.4%;
		height: 41px;
		width: 93px;
		border-radius: 50%;
	  -webkit-transform:translateX(-50%) translateY(-50%);
	}
	.beacon8
	{
		position: absolute;
		top: 66.98%;
		left: 45.8%;
		height: 43px;
		width: 63px;
		border-radius: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
	}
	.beacon9
	{
		position: absolute;
		top: 78.29%;
		left: 45.8%;
		height: 45px;
		width: 70px;
		border-radius: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
	}
	.beacon10
	{
		position: absolute;
		top: 71.98%;
		left: 54.3%;
		height: 42px;
		width: 81px;
		border-radius: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
	}
	.beacon11
	{
		position: absolute;
		top: 69.84%;
		left: 54.3%;
		height: 42px;
		width: 81px;
		border-radius: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
	}
	.beacon12
	{
		position: absolute;
		top: 67.78%;
		left: 54.3%;
		height: 42px;
		width: 81px;
		border-radius: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
	}
	.beacon13
	{
		position: absolute;
		top: 64.7%;
		left: 17.6%;
		height: 42px;
		width: 95px;
		border-radius: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
	}
	.beacon14
	{
		position: absolute;
		top: 64.69%;
		left: 55.8%;
		height: 45px;
		width: 80px;
		border-radius: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
	}
	.beacon15
	{
		position: absolute;
		top: 69.1%;
		left: 22.5%;
		height: 49px;
		width: 95px;
		border-radius: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
	}
	.beacon16
	{
		position: absolute;
	    top: 64.68%;
		left: 33.8%;
		height: 41px;
		width: 120px;
		border-radius: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
	}
	.beacon17
	{
		position: absolute;
		top: 64.65%;
		left: 42.3%;
		height: 42px;
		width: 87px;
		border-radius: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
	}
	.beacon18
	{
		position: absolute;
	    top: 64.62%;
		left: 61.9%;
		height: 39px;
		width: 75px;
		border-radius: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
	}
	.beacon19
	{
		position: absolute;
		top: 64.6%;
		left: 73.65%;
		height: 39px;
		width: 73px;
		border-radius: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
	}
	.beacon20
	{
		position: absolute;
		top: 67.6%;
		left: 29.6%;
		height: 85px;
		width: 95px;
		border-radius: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
	}
	.beacon21
	{
		position: absolute;
	    top: 70.7%;
		left: 29.63%;
		height: 49px;
		width: 95px;
		border-radius: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
	}
	.beacon22
	{
		position: absolute;
	    top: 57.3%;
		left: 47.9%;
		height: 46px;
		width: 87px;
		border-radius: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
	}
	.beacon23
	{
		position: absolute;
	    top: 67%;
		left: 17.7%;
		height: 40px;
		width: 83px;
		border-radius: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
	}
	.beacon24 {
    position: absolute;
    top: 72.54%;
    left: 29.5%;
    height: 44px;
    width: 94px;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
}
}