body {
    background: #30a0df;
    font-family: "Circular-Pro-Book",Arial,sans-serif;
}
#header {
    background: #ffd400;
    padding: 15px 0;
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.4);
    position: relative;
}
#header .logo {
    text-align: center;
}
#header .logo img {
    width: 80px;
}
@media only screen and (min-width: 768px) {
    #header .logo img {
        width: 150px;
    }
}
#hero {
    background: url(../images/hero.jpg) no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 500px; 
    text-align: center;
    display: table;
    width: 100%;
    color: #FFF;
    text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 768px) {
   #hero {
        height: auto;
    }
}
#hero .content {
    display: table-cell;
    vertical-align: middle;
    padding: 50px 25px;
}
#hero  h1, h2 {
    margin: 0;
}
#hero h1 {
    font-size: 35px;
    text-transform: uppercase;
    font-family: "Circular-Pro-black",Arial,sans-serif;
    margin-bottom: 10px;
}
#hero h2 {
    font-size: 15px;
    line-height: 25px;
}
@media only screen and (min-width: 768px) {
    #hero h1 {
        font-size: 60px;
    }
    #hero h2 {
        font-size: 24px;
        line-height: 45px;
    }
}
#parks {
    margin: 80px 0;
}
#parks .box {
    margin: 0 0 25px 0;
    border-radius: 5px;
    background: #FFF;
    padding: 30px 20px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
#parks .box .text .title {
    font-family: "Circular-Pro-bold",Arial,sans-serif;
    color: #757678;
    font-size: 16px;
}
#parks .box .text .location {
    text-transform: uppercase;
    color: #aeb0b0;
    font-size: 12px;
    font-family: "Circular-Pro-book",Arial,sans-serif;
}
#parks .box .text .cta {
    margin: 10px 0 0 0;
}
#parks .box .text .icon {
    text-align: center;
    font-size: 15px;
}
@media only screen and (min-width: 992px) {
    #parks .box .text .icon {
        font-size: 20px;
    }    
}
#parks .box .fa-circle {
    color: #003a71;
}
#footer {
    background: #f3f3f3;
    width: 100%;
}
#footer .silhouette {
    padding: 80px 0 0 0;
}
#footer .silhouette img {
    width: 100%;
    max-width: 1200px;
    display: block;
    margin: 0 auto;
}
#footer .sub-silhouette {
    background: #dedede;
    height: 40px;
}
#footer .legal {
    background: #454545;
    color: #FFF;
    text-align: center;
    padding: 50px 0;
    font-size: 12px;
}
@media (min-width: 1200px) {
    .container {
        max-width: 990px;
    }
}

/* BS */
.btn {
    border-radius: 0px;
    font-size: 12px;
}
.btn-default {
    background: #ffd400;
    border: none;
    color: #b38c18;
    text-transform: uppercase;
    font-family: "Circular-Pro-bold",Arial,sans-serif;
}
.btn-default:hover {
    background: #b38c18;
    color:#ffd400;
}
.dropdown-menu {
    margin: 10px 0 0;
    margin-left:calc(50% - 80px);
    margin-right:calc(50% - 80px);
}
.dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}
@media all and (max-width:480px) {
   .block-mobile { width: 100%; display:block; }
}