.como-chegar {
  float: left;
  width: 100%;
  background-color: #080300;
  padding: 26px;
}
.como-chegar .wrapper {
  width: 90%;
  margin: 0 auto;
}
.como-chegar .wrapper h1 {
  display: block;
  margin-bottom: 20px;
  font: bold 24px/28px 'Roboto';
  color: #fff;
}
.como-chegar .wrapper span {
  display: block;
  margin-bottom: 10px;
}
.como-chegar .wrapper span .texto {
  display: block;
  padding-left: 35px;
  font: normal 16px/20px 'Roboto';
  color: #fff;
}
.como-chegar .wrapper span i {
  float: left;
  color: #fff;
  line-height: 20px;
}
.como-chegar .wrapper span:last-of-type {
  margin-bottom: 0px;
}
.mapa {
  float: left;
  width: 100%;
  height: 320px;
  background-size: auto 100%;
  cursor: pointer;
}

@media (min-width: 991px) {
  .como-chegar .wrapper {
    width: 550px;
  }
  .mapa {
    background-size: 100% auto;
    height: 580px;
  }
}