.map{
	position: relative;
}
.map-info{
	position: absolute;
	top: 25%;
  left: 3%;
	width: 380px;
	z-index: 5;
}.county-name{
	font-weight: 500;
	font-size: 1.7vw;
	color: #000000;
}.county-name span{
	font-weight: 400;
	font-size: 1vw;
}
.map-info ul{
	display: inline-block;
	padding: 20px;
	margin: 0px;
	list-style-type: none;
  columns: 2;
}
.map-info ul li{
	width: auto;
	padding: 0px 8px;
	font-weight: 500;
	white-space: nowrap;
}
@media screen and (min-width: 1600px) {
  .map-info ul li {
     font-size: 18px;
  }
  .county-name{
	font-size: 23px;
  }
}
@media screen and (max-width: 992px) {

	.map-info ul li {
		font-size: 2vw;
	}
	.county-name{
		font-size: 17px;
	}

}

.map-county{
	position: absolute;
	width: 13px;
	height: 13px;
	background-color: rgba(0,0,0,.5);
	border-radius: 100%;
	cursor: pointer;
	transition: transform .3s;
	z-index: 1;
}
.map-county.active{
	background-color: rgba(55,160,0,.9);
}
.map-county:hover{
	background-color: rgba(55,160,0,.5);
	transform: scale(1.18);
}
.map-county:hover .map-county-name{
	display: block;
}
.map-county-name{
	position: absolute;
	display: none;
	font-weight: 500;
	color: #ffffff;
	top: 76%;
    right: 64%;
	padding: 5px 10px;
	font-size: 12px;
	width: max-content;
	background-color: rgba(0,0,0,.5);
	border-radius: 5px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	transition: display .3s;
	z-index: 1;
}


.map-lake{
	position: absolute;
	width: 13px;
	height: 13px;
	background-color: rgba(0,0,0,0);
	border-radius: 100%;
	cursor: pointer;
	transition: transform .3s;
}
.map-lake.active{
	background-color: rgba(55,160,0,.9);
}
.map-lake:hover{
	/*background-color: rgba(55,160,0,.5);*/
	transform: scale(1.18);
}
.map-lake:hover .map-lake-name{
	display: block;
}
.map-lake-name{
	position: absolute;
	display: none;
	font-weight: 500;
	color: #ffffff;
	top: 76%;
    right: 64%;
	padding: 5px 10px;
	font-size: 12px;
	width: max-content;
	background-color: rgba(0,0,0,.5);
	border-radius: 5px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	transition: display .3s;
	z-index: 1;
}

/* Lakes */
.map-lake.okeechobee{
	width: 42px;
	height: 42px;
	top: 58.2%;
		right: 12.8%;
}
.map-lake.tampa-bay .map-lake-name{
	transform: rotate(-27deg);
}
.map-lake.tampa-bay{
	width: 20px;
	height: 38px;
	top: 47.5%;
		left: 63.5%;
	transform: rotate(26deg);
}
.map-lake.caloosahatchee-river{
	width: 18px;
  height: 18px;
  bottom: 35.5%;
    right: 29.5%;
}
.map-lake.estero-bay-artic-preserve{
	width: 18px;
	height: 18px;
	bottom: 31.5%;
		right: 29.5%;
}
.map-lake.indian-river{
	width: 15px;
  height: 15px;
  top: 35.3%;
    right: 13.8%;
}
.map-lake.banana-river{
	width: 13px;
  height: 13px;
  top: 40.5%;
    right: 11.8%;
}
.map-lake.lake-george{
	width: 15px;
  height: 15px;
  top: 26.3%;
    right: 23%;
}
.map-lake.lake-george{
	width: 15px;
  height: 15px;
  top: 26.3%;
    right: 23%;
}
.map-lake.whitewater-bay{
	width: 16px;
  height: 16px;
  bottom: 13.3%;
    right: 16%;
}
.map-lake.biscayne-bay{
	width: 14px;
  height: 14px;
  bottom: 21.3%;
    right: 6.5%;
}
.map-lake.grand-lagoon{
	width: 6px;
  height: 6px;
  top: 14.4%;
    left: 27.3%;
}
.map-lake.west-bay{
	width: 8px;
  height: 8px;
  top: 12.8%;
    left: 26.5%;
}
.map-lake.east-bay{
	width: 11px;
  height: 11px;
  top: 15%;
    left: 29%;
}
.map-lake.choctawhatchee-bay{
	width: 40px;
  height: 14px;
  top: 10%;
    left: 18%;
}
.map-lake.choctawhatchee-bay{
	width: 40px;
  height: 14px;
  top: 10%;
    left: 18%;
}
.map-lake.pensacola-bay{
	width: 29px;
  height: 16px;
  top: 10%;
    left: 10%;
}

/* Counties */
.escambia{
	top: 4%;
    left: 7%;
}
.santa-rosa{
	top: 5.2%;
    left: 12.1%;
}
.okaloosa{
	top: 6.2%;
    left: 17%;
}
.walton{
	top: 6.2%;
    left: 21.3%;
}
.holmes{
	top: 3.3%;
    left: 26.3%;
}
.washington{
	top: 7.8%;
    left: 27.3%;
}
.bay{
	top: 12.8%;
    left: 28.3%;
}
.jackson{
	top: 4.8%;
    left: 33%;
}
.calhoun{
	top: 10.8%;
    left: 33%;
}
.gulf{
	top: 17.8%;
    left: 33%;
}
.gadsden{
	top: 7.8%;
    left: 40%;
}
.liberty{
	top: 13.8%;
    left: 37%;
}
.liberty{
	top: 13.8%;
    left: 37%;
}
.franklin{
	top: 17.8%;
    left: 38%;
}
.leon{
	top: 8.8%;
    left: 44.5%;
}
.wakulla{
	top: 13.8%;
    left: 42.5%;
}
.jefferson{
	top: 9.8%;
    left: 48.3%;
}
.madison{
	top: 9.8%;
    right: 45.3%;
}
.taylor{
	top: 14.8%;
    right: 47.3%;
}
.hamilton{
	top: 8.8%;
    right: 39.3%;
}
.suwannee{
	top: 13.3%;
    right: 39.3%;
}
.lafayette{
	top: 17%;
    right: 41.3%;
}
.dixie{
	top: 22%;
    right: 41.3%;
}
.columbia{
	top: 13%;
    right: 35.3%;
}
.gilchrist{
	top: 20.6%;
    right: 37.3%;
}
.levy{
	top: 26.6%;
    right: 37.3%;
}
.baker{
	top: 11.6%;
    right: 31.3%;
}
.union{
	top: 15.8%;
    right: 32.3%;
}
.bradford{
	top: 17.2%;
    right: 29.8%;
}
.alachua{
	top: 21.2%;
    right: 31.8%;
}
.marion{
	top: 28%;
    right: 28.8%;
}
.nassau{
	top: 7%;
    right: 25.8%;
}
.duval{
	top: 11%;
    right: 23.8%;
}
.clay{
	top: 16.5%;
    right: 25.8%;
}
.st-johns{
	top: 17.5%;
    right: 21.1%;
}
.putnam{
	top: 21.5%;
    right: 25.1%;
}
.flagler{
	top: 23.5%;
    right: 20.1%;
}
.volusia{
	top: 29.8%;
    right: 18.1%;
}
.citrus{
	top: 33%;
    right: 34.1%;
}
.sumter{
	top: 35%;
    right: 28.8%;
}
.lake{
	top: 35%;
    right: 25.8%;
}
.orange{
	top: 38.4%;
    right: 19.8%;
}
.seminole{
	top: 35.1%;
    right: 18.8%;
}
.brevard{
	top: 38.1%;
    right: 12.8%;
}
.hernando{
	top: 37.3%;
    right: 33.5%;
}
.pasco{
	top: 40.8%;
    right: 33.5%;
}
.pinellas{
	top: 47.8%;
    right: 36.5%;
}
.hillsborough{
	top: 45.8%;
    right: 31.5%;
}
.polk{
	top: 45.8%;
    right: 25%;
}
.osceola{
	top: 43.8%;
    right: 18%;
}
.indian-river{
	top: 49.8%;
    right: 12%;
}
.manatee{
	top: 52.2%;
    right: 32%;
}
.hardee{
	top: 52.2%;
    right: 26%;
}
.highlands{
	top: 54.2%;
    right: 20.3%;
}
.okeechobee{
	top: 54.2%;
    right: 14.8%;
}
.st-lucie{
	top: 54.2%;
    right: 10.2%;
}
.sarasota{
	bottom: 40.5%;
    right: 32.2%;
}
.desoto{
	bottom: 41.1%;
    right: 26%;
}
.charlotte{
	bottom: 37%;
    right: 26%;
}
.glades{
	bottom: 37%;
    right: 20%;
}
.martin{
	bottom: 39.6%;
    right: 9%;
}
.lee{
	bottom: 32.2%;
    right: 26%;
}
.hendry{
	bottom: 32.2%;
    right: 18%;
}
.palm-beach{
	bottom: 33.2%;
    right: 9%;
}
.collier{
	bottom: 25.2%;
    right: 21%;
}
.broward{
	bottom: 26.2%;
    right: 10%;
}
.monroe{
	bottom: 17.2%;
    right: 17%;
}
.miami-dade{
	bottom: 18.2%;
    right: 11%;
}