.banner {
  background: url("img/banner_bpi.png") no-repeat center center;
  background-size: cover;
  padding-top: 20%;
  padding-bottom: 20%;
  color: rgb(251, 252, 252);
}

.body {
  background-color: rgb(189, 193, 194);
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.head {
  background-color: rgb(189, 193, 194);
}

.map-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  /*ratio is 16:9 */
  position: relative;
  height: 0;
}

.map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  border: 0;
}

.banner {
  background: url("img/banner_bpi.png") no-repeat center center;
  background-size: cover;
  padding-top: 20%;
  padding-bottom: 20%;
  color: rgb(251, 252, 252);
}