body {
  padding-top: 45px;
  font-size: 17px;
}

footer {
    margin-top: 20px;
}

.jumbotron-purewater{
  background-color: #0788d9;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;        
}

.jumbotron-purewater.no-jumbotrom{
  display: none;
}

.navbar-purewater {
  background-color: #FFF;
  border-bottom: 2px solid #0788d9;
  border-bottom: 2px solid #07b0f2;
}

.navbar-purewater .navbar-brand{
    font-weight: normal;
    padding: 0;
}

.navbar-purewater .navbar-brand .logo{
    margin-left: 5px;
    margin-top: 6px;
    display: inline;
}

.container.logo {
  padding: 40px 0;
}

.navbar-purewater .navbar-nav>li>a {
  font-size: 18px;
  font-weight: 500;
  color: #0788D9 !important;
}

.navbar-purewater .navbar-brand:hover,
.navbar-purewater .navbar-brand:focus,
.navbar-purewater .navbar-nav > li > a,
.navbar-purewater .navbar-nav > li > a:hover,
.navbar-purewater .navbar-nav > li > a:focus {
    color: #0B508C;
    background-color: transparent;
  }

.breadcrumb {
  border: 0;
  background: transparent;
  padding: 8px 0;
  font-size: 12px;
}

.navbar-inverse .navbar-toggle {
    border-color: #b3b3b3;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #b3b3b3;
}


.navbar-inverse .navbar-toggle:hover {
    border-color: #3F7AB7;
}

.navbar-inverse .navbar-toggle:hover .icon-bar {
    background-color: #3F7AB7;
}

.purewater-thumbnail {
    max-height: 200px;
    max-width: 200px;
}

a, a:hover, .btn-link, .btn-link:hover, .btn-link:focus {
  color: #0788D9;
}

.btn-link {
  white-space: normal !important; 
  text-align: left;
  font-size: larger;
}

.btn-primary {
  background-color: #0788d9;
}

.modal-header .close {
    margin-top: 0;
}

h3, .h3 {
  font-weight: 400;
}


/* Mobile only */
.mobile-only { display: none; }   

@media screen and (max-width: 480px) {
  .mobile-only { 
    display: block; 
    margin-top: 5px;
    margin-bottom: 5px;
  }  

}

.float{
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  background-color:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
    margin-top:16px;
}

a.zap:hover,
a.zap:focus {
   color: #FFFFFF;
}