@import url('https://fonts.googleapis.com/css?family=Walter+Turncoat');
@import url('https://fonts.googleapis.com/css?family=Patrick+Hand+SC');

/*
Battery Charged Blue  #1DACD6
Charcoal #36454f
*/





.navbar-text > a {
  font-family: 'Patrick Hand SC', cursive;
  color: inherit;
  text-decoration: none;
}

.navbar-default{
  background-color: #1DACD6;
  border-color: #85BB65;
  color: #FFFFFF;

}

.navbar-default .navbar-header .navbar-brand  {
  color :  #FFFFFF;

}

.navbar-default .navbar-nav >li > a {
  font-family: 'Patrick Hand SC', cursive;
  color : #FFFFFF;
  text-decoration: underline;
}
.navbar-default .navbar-header > a {
  font-family: 'Patrick Hand SC', cursive;
  color:#FFFFFF
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color:  #85BB65;
}
.navbar-nav .navbar-right .drop {
  background-color: #1DACD6;
  border-color: #85BB65;
  color: #FFFFFF;
}

.jumbotron {
    margin-bottom: 0px;
    background-image: url(../images/jumboBannerAnna.png);
    background-position: 0% 25%;
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
    text-shadow: black 0.4em 0.4em 0.4em;
    text-align: center;
}
.jumbotron p{
    color: #FFFFFF;
}

.jumbotron .btn {
  background-color: #1DACD6;
  border-color: #003399;
  font-family: 'Walter Turncoat', cursive;
  color: #FFFFFF;
}



body { padding-top:50px;
       background-color: #36454F;
      }

h1, hr, label, h3 {
            color: #1DACD6;
            font-family: 'Patrick Hand SC', cursive;
          }
p { color: #85BB65;
     font-family: 'Walter Turncoat', cursive;
    }
.btn {
      background-color: #1DACD6;
      border-color: #003399;
      font-family: 'Walter Turncoat', cursive;
      color: #FFFFFF;
    }

.footer p {
  color : #1DACD6;
}

div.gallery {
  border: 1px solid #ccc;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}

* {
  box-sizing: border-box;
}

.responsive {
  padding: 0 6px;
  float: left;
  width: 24.99999%;
}

@media only screen and (max-width: 700px) {
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
  }
}

@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}