#content .map, #content .map-container {
	height: 600px;
	position: relative;
}
#content .map{
  width: 200vw;
	z-index: 0;
  position: absolute;
  margin:0 auto;
  left:50%;
  top:0;
  transform: translateX(-75%);
}

#content .map-overlay{
	height:150px;
	width: 100%;
	z-index: 1000;
	position: absolute;
	top: 114px;
  left:-15px;
    /*background-color:#F2F9FF;
	/*background: url('img/bg/orange_background.png') repeat-y;
	background-size: calc(100%/2 - 480px);*/
}
/*
@media (min-width: 992px) {
	#content .map-overlay{
		background: url('img/bg/orange_background.png') repeat-y;
		background-size: calc(50% - 400px); 
	}
}
@media (min-width: 1200px) {
	#content .map-overlay{
		background: url('img/bg/orange_background.png') repeat-y;
		background-size: calc(50% - 540px); 
	}
}
@media (max-width: 991.98px) {
	#content .map-overlay{
		background: url('img/bg/orange_background.png') repeat-y;
		background-size: 25%; 
	}
}
*/

#content .map-overlay .map-overlay-content{
	background-color:#F2F9FF;
	height:150px;
	width: 270px;
	/*color:#000;*/
}
#content .map-overlay .map-overlay-content .map-overlay-content-container{
	height:150px;
	width: 100%;
	color:#000;
	/*font-size: 12px;
    line-height: 15px;*/
}
.ol_bw {
    filter: grayscale(100%) brightness(1.05);
}
@media (min-width: 768px){
  #content .map{
    width: 100vw;
    left:50%;
    transform: translateX(-50%);
  }
  #content .map-overlay{
    bottom:20px;
    top:auto;
    left:-44px
  }
}