.hr-splash{background:rgba(196,191,182,1)}
.hr-splash a{text-decoration:underline !important;}
.hr-splash #navigation {position: absolute;}
.hr-splash #navigation #sub-nav-wrapper {opacity:.75; }
.hr-splash #navigation #main-nav-wrapper {background-color:rgba(0,0,0,.8);box-shadow: none; }
.hr-splash #navigation #main-nav-wrapper #main-nav { background: none; }
.hr-splash #navigation #main-nav-wrapper #main-nav .menu .navbar-collapse {
          background: none; }
        .hr-splash #navigation #main-nav-wrapper #main-nav .menu div ul a {
          color: #fff; }
  .hr-splash .hamburger-inner,
  .hr-splash .hamburger-inner:before,
  .hr-splash .hamburger-inner:after {
    background: #fff; }
  .hr-splash .dropdown-menu {
    background: rgba(0, 0, 0, 0.4); }
  .hr-splash .slide ol li {
    list-style-type: none !important; } 

#section-1{align-items:center;}
    #section-1 .card {
        background: rgba(0,0,0,0.6);
        border: none;
    }
        #section-1 .card:hover, #section-1 .card:focus {
          background: rgba(0, 0, 0, 0.7);
          -webkit-transition: 0.3s;
          -moz-transition: 0.3s;
          -o-transition: 0.3s;
          -ms-transition: 0.3s;
          transition: 0.3s; }
          #section-1 .card:hover input, #section-1 .card:focus input {
            background: white;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            -ms-transition: 0.3s;
            transition: 0.3s; }

    #section-1 .fp-tableCell{width:100%;height:auto !important;}
    #section-1 .fp-tableCell button{width:100%;}







.card-wrapper{align-self:center;align-content:center;height:100%;}

.card-wrapper .card .overlay{width: 100%;
    height: 100%;
    background: rgba(0,0,0,.55);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;

}

.card-wrapper .card .card-info{
    position: absolute;
    bottom: 0;
    /* top: 0; */
    background: rgba(0,0,0,.8);
    width: 100%;
    display:flex;
    align-items:center;
    justify-content: center;
    height:0;
    color: #fff;
    z-index:4;
    overflow:hidden;
 
} 

.card-wrapper .card .card-info div h4{

}

.card-wrapper .card:hover h3{transform:.5s;opacity:0;}
.card-wrapper .card:hover .card-info{
    transform: translateY(0);
    height:100%;
    transition: .5s;
}


#section-1{background:url("../images/lakes-and-waterways-sample.jpg") no-repeat bottom center;background-size:cover;text-align:left;
    text-transform:uppercase;
    display:flex;
    height:100%;}

#plan-your-visit{background:url("../images/plan-your-visit-sample.jpg") no-repeat bottom center;background-size:cover;text-align:left;
        text-transform:uppercase;
        display:flex;
        height:100%;}    

#main-nav-wrapper.minimize a.logo img{width:45%;transition:.1s}
#main-nav-wrapper.minimize .menu > div > ul > li{padding:5px 15px;transition:.1s}
#main-nav-wrapper.minimize .menu > div > ul > li a{font-size:.75rem;transition:.1s}

.hr-content{    display: flex;
    align-items: center;
    justify-content: center;

    height: 100%;}

.hr-content > div{
    background:rgba(0,0,0,.7);

    width:80%;
    padding:5rem;
    color:rgba(255,255,255,1);
    border-radius:3px;
}    

.hr-content h2{
    font-family: 'futura-pt';
    color: rgba(255,255,255,1);
    letter-spacing: -0.1rem;
    text-shadow: 2px 2px 5px #000;
    line-height: 4rem;
    font-size:4rem;
    font-weight:bold;
    text-align:center;
}    


.landing-page-links{}
.landing-page-links li{display:inline;}
.landing-page-links a{color:#fff;text-decoration:underline;}
.scroll-more{
    color: rgba(255,255,255,1);
    font-size: 3rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor:pointer;
}

.scroll-more i{
    text-shadow: 0px 4px 2px #000;
}

.scroll-more i:hover{
    text-shadow:none;
    transition:.1s;
    bottom:-5px;
}

.scroll-up{display:none;}



@media (min-width: 36em) {
    #riverbend-park{height:613px}
}

@media (min-width: 48em) {
    #riverbend-park{height:707px;}
    #park-activities .card{height:172px;max-height:172px;}

}

@media (min-width: 62em) {
    #riverbend-park{height:360px;}
    #park-activities .card{height:250px;max-height:250px;}
}

@media (min-width: 75em) {}

@media (min-width: 90em) {}

@media (min-width: 100em) {
    #riverbend-park{height:316px;}

}