body { padding-top:0px; }

a { color:#699161; }

.county-header { 
  height:124px; background: #004A98 url(../images/header-trees.png) no-repeat;
  background-position: 0px -10px; color:#fff;
  }
  
.county-header a.logo { 
  background: url(../images/header-apps-logo.png) no-repeat; width:351px;
  height:26px; display:block; text-indent:-9000px; margin-top:52px;
  background-size: 351px;
}

.county-welcome { color:#fff; font-weight: 100; letter-spacing: 1px; }

.county-nav { border-top:1px solid #FFF; }

.county-about-app { 
  margin-top:-40px; margin-bottom:20px; padding-top:16px; padding-bottom:4px;
  background-color:#f7f7f7; color:#777; font-size:20px;
  border-bottom:1px solid #ccc; font-weight:300; line-height:30px;
}

/* Navbar */

.navbar-default { background-color: #004A98; border-color:inherit; }
.navbar-default .navbar-brand { color:#fff; font-size:20px; font-weight:100; letter-spacing:1px; }
.navbar-default .navbar-brand:hover { color:#fff; }
.navbar-default .navbar-brand span { color:#243221; font-weight:400; }
.navbar-default .navbar-nav>li>a { color:#fff; }
.navbar-default .navbar-nav>li>a:hover { color:#fff; }

.navbar-toggle { margin-top:10px; }

.navbar-default .navbar-toggle .icon-bar { background-color:#fff; }
.navbar-default .navbar-toggle { border:none; }
.navbar-default .navbar-toggle:hover { background-color:#3c5a34; }
.navbar-default .navbar-toggle:focus { background-color:#3c5a34; }

.navbar-collapse { border:none; }

/* Footer */

.footer { border-top:1px solid #ccc; margin-top:40px; padding-top:20px; color:#ccc; }


/* Responsive Media Queries */

/* Targets mobile and desktop below 767 */
@media (max-width:767px){
  
  .county-welcome { display:none; }

  .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background-color:#3c5a34; color:#fff;
  }
  
  .navbar-default .navbar-nav .open .dropdown-menu>li>a { color:#fff; }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { color:#fff; }

  .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color:inherit; }
  
}

/* Targets just mobile below 767 */
@media only screen (max-width:767px){
  
  .navbar-default .navbar-brand { font-size:17px; font-weight:200; }
  
  .county-header { 
    height:50px; 
    background-position: 0px 0px;
    background-size:50%;
  }
  
  .county-header a.logo { 
    margin:0 auto; 
    margin-top:20px;
    width:200px;
    background-size: 200px;
  }
  
  .county-welcome { display:none; }

  .county-about-app { font-size:14px; line-height:22px; display:none; }

}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}