#map {
  height: 450px;
  background-color: #ede6d3;
  background-size: auto 450px;
  background-position: center;
}
.map-container {
  position: relative;
  background: #fff;
  padding: 18px;
  box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
  border-radius: 1px;
}
.map-container:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("../images/map_mask.png");
  background-size: 100% 100%;
  pointer-events: none;
  opacity: 0.8;
}
@media (max-width: 600px) {
  #map {
    height: 350px;
  }
  .map-container {
    margin: 0 -20px;
  }
  .map-container:after {
    background-image: url("../images/map_mask_small.png");
  }
}