#marker-1 {
	background-color: #4d7a20;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  border-color: #FFFFFF;
  border-width: 2px;
  border-style: solid;
 }

 #marker-2 {
	background-color: #6da536;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  border-color: #FFFFFF;
  border-width: 2px;
  border-style: solid;
 }

 #marker-4 {
	background-color: #aea727;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  border-color: #FFFFFF;
  border-width: 2px;
  border-style: solid;
 }

 #marker-6 {
	background-color: #efa818;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  border-color: #FFFFFF;
  border-width: 2px;
  border-style: solid;
 }

 #marker-8 {
	background-color: #dc5d04;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  border-color: #FFFFFF;
  border-width: 2px;
  border-style: solid;
 }

 #marker-10 {
	background-color: #c8101e;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  border-color: #FFFFFF;
  border-width: 2px;
  border-style: solid;
 }

 .mapboxgl-popup {
  max-width: 200px;
 }