div#map {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  height: 600px;
  z-index:0;
}
div#map .message {
  width: 20%;
  height: 600px;
  z-index: 99;
  position: absolute;
}
div#map .message .contact-form {
  color: #fff;
  height: 0;
  width: 100%;
  border-bottom: 700px solid black;
  border-right: 100px solid transparent;
  margin-left: 130%;
  opacity: 0;
}
div#map .message .contact-form h2 {
  width:40%;
  margin: 0;
  padding-top: 20%;
  padding-bottom: 5%;
  border-bottom:0.5px solid coral;
}
div#map .message .contact-form p {
  margin-top:5%;
}
div#map .message .contact-form ul {
  margin: 0px;
  padding: 0px;
  float: left;
}
div#map .message .contact-form ul hr {
  border: 0.5px solid coral;
  width: 100%;
}
