@font-face {
    font-family: Montserrat;
    src: url('/resources/theme-wu-bootstrap/fonts/Montserrat-Regular.otf');
}

body {
   font-family: arial,helvetica,clean,sans-serif;
    background-color:#fff;
    color:#333;
    text-align:center;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: Montserrat, Arial, sans-serif;
    font-weight:400;
    margin-top:0;
    margin-bottom:13px;
}
h1, .h1 {
    font-size:34px;
}
.bold, strong, dt {
    font-weight:bold;
}


div.header .navbar-default.main-nav {
    margin-bottom:15px;
    border:none;
    border-radius:0;
}
div.header a.navbar-brand, div.header a.navbar-text, div.header .navbar-nav > li > a {
    color:#fff;
}

div.header .navbar-default.main-nav {
    background: #008198;
    background: -webkit-gradient(linear, right bottom, left top, from(#00687b), to(#008198));
    background: -webkit-linear-gradient(right, #00687b, #008198);
    background: -moz-linear-gradient(right, #00687b, #008198);
    background: -ms-linear-gradient(right, #00687b, #008198);
    background: -o-linear-gradient(right, #00687b, #008198);
    background: linear-gradient(right, #00687b, #008198);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00687b', endColorstr='#008198');
  }
    
div.header .navbar-default.main-nav {margin-bottom:0;}    
div.banner {
  background:#fff url('/media/images/landing/index_pic_04.jpg')repeat-x 0 -110px;
  background-size: 100% auto;
  overflow:hidden;
  padding:0;
  margin:0 -15px;
}
@media (max-width: 767px) {
  div.banner-box {margin-top:10px;}
}
@media (min-width: 768px) {
  div.banner {height:180px;}
  div.banner-box {margin-top:-120px;}
}
@media (min-width: 992px) {
  div.banner {height:280px;}
  div.banner-box {margin-top:-120px;}
}   
@media (min-width: 1200px) {
  div.banner {height:380px;}
  div.banner-box {margin-top:-160px;}
}
div.banner-box {
  background-color:rgba(0,129,152,0.8);
  border:1px solid #008198;
}
div.banner-box, div.banner-box a {
  color:#fff;
  text-decoration:none;
}