#mapid { 
  height: 750px;
  width: 50%;
  margin: 0 25%;
  z-index: 0;
}

#back-to-site {
  margin-left: 10%;
  text-decoration: none;
  cursor: pointer;
}

.leaflet-marker-icon {
  margin-left: -7px!important;
  margin-top: -24px!important;
  width: 15px!important;
  height: 22px!important;
}
.leaflet-control-container .leaflet-right {
  top: initial;
  bottom: 0;
}

.directions-info {
  display: none;
}

#roads, #distanceinfo, #trip {
  margin: 0 5%;
  text-align: center;
}

#trip p{
  margin: 0;
}

#roads {
  display: none;
}

@media only screen and (max-width: 1300px) {
  #mapid { 
    height: 750px;
    width: 90%;
    margin: 0 5%;
  }
}

@media only screen and (max-width: 700px) {
  #back-to-site {
    margin-left: 5%;
  }
}