#blokimage {width:33%; box-sizing:border-box; float:left; height:300px; cursor: pointer;}

#blokimage:hover {opacity:0.9;}

.titelblokjes {font-size:22px; padding:8px; margin-left:8px; margin-top:220px; font-weight:bold; color:white;}

.meer-info {font-size: 18px; font-weight: normal; margin-left:16px; color: white;}

.space-left {margin-left: 16px;}

.footer-menu { margin-top:64px;}

.class-name-17 {
    background-color: #FFFFFF;
    background-image: url('/sites/default/files/diversen/wiezijnwij.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    z-index: auto;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.class-name-18 {
    background-color: #FFFFFF;
    background-image: url('/sites/default/files/diversen/begrafenis.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    z-index: auto;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.class-name-19 {
    background-color: #FFFFFF;
    background-image: url('/sites/default/files/diversen/crematie_1.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    z-index: auto;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

@media only screen and (max-width: 1024px) {
  
  #blokimage {float:none;width:100%;}
  .titelblokjes {margin-top:8px;}  
  .titel-tekst{padding-top: 226px; position: absolute;}
  .meer-info {margin-top:252px;}
}