.pointer{
	cursor: pointer;
}

#map{
	height:50%;width:50%;
}
@media only screen and (max-width: 600px) {
  #map {
	width:100%;
  }
}

.white{
	color:#fff;
}
.black{
	color:#000;
}

.btn-primary{
	background-color:#fff !important;
	color:#000 !important;
}
.btn-primary:hover{
	background-color:#000 !important;
	color:#fff !important;
}
	
		   
.tooltip_map {
  position: relative;
  display: inline-block;
  opacity:1 !important;
}
@media only screen and (max-width: 600px){
	.tooltiptext_map{
		display:none;
	}
}
.tooltip_map .tooltiptext_map {
  visibility: hidden;
  background-color: #fff;
  border:0.4px solid #000;
  box-shadow:0px 0px 10px gray;
  color: #000;
  text-align: center;
  border-radius: 0px;
  padding: 0px 0;
  position: absolute;
  z-index: 1;
  bottom: 50%;
  left: 50%;
  margin-left: 0px;
}

.tooltip_map .tooltiptext_map::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.tooltip_map:hover .tooltiptext_map {
  visibility: visible;
}


.btn-group a {
  padding: 10px; 
  cursor: pointer;
  float: left; 
}
.btn-group:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width:72px)  { /* Fold Phones */ 
			
	#colorimage{
		
		width:30px;
		
	}

}

@media (min-width:280px)  { /* Fold Phones */ 
	
	#colorimage{
		
		width:180px;
		
	}

}
@media (min-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ 
	
	#colorimage{
		
		width:250px;
		
	}

}
@media (min-width:480px)  { /* smartphones, Android phones, landscape iPhone */ 
	
	#colorimage{
		
		width:400px;
		
	}

}
@media (min-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ 
	
	#colorimage{
		
		width:580px;
		
	}
	
}
@media (min-width:801px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	
	#colorimage{
		
		width:580px;
		
	}
	
}
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ 
	#colorimage{
		
		width:580px;
		
	}
}
@media (min-width:1281px) { /* hi-res laptops and desktops */ 
	#colorimage{
		
		width:580px;
		
	}	
}