#map-frame {
  width: 300px;
  height: 200px;
}

@media (min-width: 640px) {
  #map-frame {
    width: 500px;
    height: 300px;
  }
}

@media (min-width: 768px) {
  #map-frame {
    width: 600px;
    height: 400px;
  }
}

@media (min-width: 1024px) {
  #map-frame {
    width: 800px;
    height: 600px;
  }
}

@media (min-width: 1280px) {
  #map-frame {
    width: 1000px;
    height: 800px;
  }
}