html {
  height: 100% 
 }
 body { 
  height: 100%; 
  margin: 0; 
  padding: 0;
 }
 #map {
  height:86%; 
} 
#header {
  margin-top:-21px;
  background-color:#000000;
  color:#fff;
  padding: 3px;
  font-family: "sans-serif", "Monotype.com", monospace;    <!-- UBAH TINGGI DAN WARNA HEADER -->
 }
 #header h2 {     
  background-color: #000000;
            color: #000000;
            border-top: 10%;
            margin-top: 28px;
            text-align: center;
            font-size: 25px;
            line-height: 120%;   <!-- UBAH JUDUL WEB -->
 }
 #header h2 a:link{
 color: #fff;
 text-decoration: none;
 }
  #header h2 a:visited{
 color: #fff; 
 text-decoration: none;
 }
  #header h2 a:hover{
 color:#fff;
 }
 .menu-header {
  position:static;
  margin:0;
  margin-top: -8%;
    margin-left: 18%;
  font-size:px;
  border-radius:2px;
  font-family: "sans-serif", "Monotype.com", sans-serif;
}
.menu-header ul {
  list-style:inline;
  margin-top:5px;
  margin-left:150px;  <!-- UBAH MENU INFO LEGENDA KE KANAN/KIRI -->
}
.menu-header ul li {
  display:inline-table; 
  margin:0; 
  margin-right: 50px; <!-- UBAH MARGIN ANTAR LEGENDA INFO DOWNLOAD -->
}
.menu-header ul li a {
  text-align:center; 
  text-decoration:none; 
  text-transform:uppercase;
  margin-left:5px;
}
.menu-header ul li a:link{
              color: #fff;
              text-decoration: none;
}
.menu-header ul li a:visited{
                  color: #fff; 
                  text-decoration: none;
}
.menu-header ul li a:hover{
                color:#fff;
 }   

  .menu-footer {
  position:static;
  float:right;
  margin:0 auto;
 margin-top: 0.8%;
  margin-right: 2%;
  font-size:13px;
  border-radius:20%;
  font-family: "sans-serif", "Monotype.com", monospace;
}
.menu-footer ul {
  list-style:inline;
  margin-left:-25%;
}
.menu-footer ul li {
  display:inline-table; 
  margin:0 auto; 
  margin-right: 10%;
}
.menu-footer ul li a {
  text-align:center; 
  text-decoration:none; 
  text-transform:uppercase;
  margin-left:5px;
}
.menu-footer ul li a:link{
              color: #e6e6fa;
              text-decoration: none;
}
.menu-footer ul li a:visited{
                  color: #e6e6fa;
                  text-decoration: none;
}
.menu-footer ul li a:hover{
                color:#337ab7;
 } 

.right{
 float:right;
 margin-right:10px;
}

 #footer {
  height:7.1%;
  border-bottom:10%;
  width:100%;
  background-color:#000000;
  font-family: "sans-serif", "Monotype.com", monospace;
  /*line-height:10px;*/   <!-- UBAH TINGGI DAN WARNA FOOTER -->
 }
 #footer p {
  text-align: center;
  color:#fff;
  float:left;
  margin-left:2%;
  margin-top:1.5%; <!-- UBAH TULISAN COPYRIGHT -->
 }