.navbar-inverse{background-image: none !important; background-color: transparent !important; background: none !important; border: none !important}
.jumbotron {
    /* background: none; */
    text-align: center;
    padding: 15px;
    margin-top: -135px;
    margin-bottom: 0px !important;
}
map area:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.active>a{background: #01827d; background-image: none}
ul.nav{margin-top: 10px}
footer{background: #00a19b; padding: 25px 0px}
.jumbotron .container{margin: 0 auto; text-align: center}
.img-responsive{display: inline-block}
.navbar-inverse .navbar-nav>li>a{color: #fff; text-decoration: none}
@media (max-width: 1200px) {
  ul.nav li a{padding: 4px 4px !Important} 
}
@media (max-width: 900px) {
  ul.nav li a{padding: 4px 2px !Important; font-size: 12px} 
}
@media (max-width: 768px) { 
  .topright{display: none !important}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { background: #00a19b!important;}
.logo{max-width: 200px; height :auto}
.jumbotron{margin-top: -35px !important}
.container{ text-align: center}
h1{ color: #006f51;  font: 24px/30px "Palatino Linotype", "Book Antiqua", Palatino, serif; margin-top: 5px !important; margin-bottom: 5px !important  }
h2{color: #006f51; font: 19px/24px "Palatino Linotype", "Book Antiqua", Palatino, serif;  }
h3{ color: #006f51; font: 17px/21px "Palatino Linotype", "Book Antiqua", Palatino, serif;  }
.col-md-4{margin-bottom: 15px}
table.table td{ display: block; width: 100%; text-align: left}
table.table td ul{ margin-left: 25px}
 }