@media (min-width: 576px) {
  .h-sm-100 {
  height: 100%;
  }
}
#map {
    position: relative;
    border: 1px solid black;
    border-radius: 8px;
    height: 1000px;  /* or as desired */
    width: 100%;  /* This means "100% of the width of its container", the .col-md-8 */
  }