.header{
 background-image:url(/images/chv-header.jpg);
 background-repeat:no-repeat;
 background-size:cover;
 height: 250px;
}

@media only screen and (max-width : 400px) {
  .header{
   background-image:url(/images/header_smll.JPG);
   background-repeat:no-repeat;
   background-size:cover;
  }
}

.front-blocks {
border: solid 2px #4c6c3b;
border-radius: 10px;
box-shadow: 1px 1px 1px #212121;
height:200px;
padding-top:50px;
margin: 30px 0p;
background-color:#bbbcb7;  
}

.front-blocks p {
font-size:15px  
}

#zoek-front {
background-color:#bbbcb7;
padding: 2px 0;  
}

.search_footer {
text-align:right;
}

.search_footer input {
width:50%;
font-size:20px;
padding:20px;
line-height:60px;
}

.search_footer button {
height:50px;  
}

.footer {
background-color:#bbbcb7;
margin:0 20px;
padding:5px;
}

@media only screen and (max-width : 768px) {
  .footer {
    margin:0;
  }
}


.footer ul {
list-style-type:none;
}

@media (max-width: 979px) {
.nav-collapse .nav > li.active > a {
color:#bbbcb7;
} 
}

.site-description {
font-size:18px;
margin:10px 0 0 10px;  
}

.slideshow {
width:100%;
height:auto;
padding:5px;
box-sizing:border-box;
position:relative;
}

.slideshow img {
position:absolute;
background:center;  
animation:slideshow 32s infinite;
opacity:0;
height:auto;
}


@keyframes slideshow {
25%{
opacity:1;
}
45%{
opacity:0;
}
}

.slideshow img:nth-child(4){animation-delay:0s;}
.slideshow img:nth-child(3){animation-delay:8s;}
.slideshow img:nth-child(2){animation-delay:16s;}
.slideshow img:nth-child(1){animation-delay:24s;}