.parks a:hover img,
.parks a:hover span,
.parks a:hover figcaption {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}

.hero .main{
    /*background-color: #003c83;*/
    background-color: #efefef;
    background-image: url('../images/mainbg.png');
    background-size: auto 100%;
}
.hero .main img{
    vertical-align: top;
}
.hero h2{
    margin-bottom: 2rem;
    background-color: #003c83;
    color:#fff;
}

@media screen and (max-width:768px){
    .hero > .container:first-child{
        padding: 0;
    }
}
.products ul{
    list-style: none;
}
.products ul figcaption{
    display: none;
}
.products ul figure img{
width: 100%;
height: auto;
vertical-align: top;
}
.products li.box-link{
    margin: .2rem;
}
.products p.text-c{
font-size: 18px;
font-weight: bold;
}
.parks{
    background-color: #e5ecf5;
}
.parks ul{
    list-style: none;
    margin-bottom: 2rem;
}
.parks ul li{
    text-align: center;
}
.parks ul figure img{
    vertical-align: top;
}
.parks ul figure figcaption{
    font-weight: bold;
}
.parks ul.fx li{
    flex-basis:25%;
    margin-bottom: 2%;        
    }
/*.parks ul.fx li:last-child(even){
    margin-right: 0;
    }*/

.parks p.text-c {
    font-size: 18px;
    font-weight: bold;

}
@media screen and (max-width:640px){
   
}

@media screen and (min-width:641px){

}