#mapa {
  height: 100%; 
}
@media (min-width: 576px) {
    #mapa {
      height: 300px; 
    } 
}
@media (min-width: 992px) {
    #mapa {
      height: 482px; 
    } 
}

#mapa .embed-responsive {
    height: 100%; 
}