#sp-main-body {
  padding: 10px 0;
}

.sp-megamenu-parent {
  text-shadow: 1px 1px black;
  text-align: center;
  margin: 0 auto;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: 'lato', Verdana, Helvetica, Arial, sans-serif;
}

.menu-midden {
  font-family: 'latoblack', Verdana, Helvetica, Arial, sans-serif!important;
  font-size: 25px!important;
  margin-bottom: 5px !important;
}

.sp-dropdown-main {
  width: 100% !important;
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: #97d7a9;
  font-weight: bold;
}

.sp-dropdown.sp-dropdown-main.sp-menu-right {
  background: rgba(9, 13, 15, 0.5) !important;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: rgba(9, 13, 15, 0.5);
}

.material-icons.dropfiles-icon-search {
  display: none;
}

.row {
  display: flex;
}

.column {
  flex: 33.33%;
  padding: 5px;
}

 /* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 500px) {
  .column {
    width: 100%;
  }
} 
  
#HMK_100_jaar_2.jpg {
  filter: blur(6px);
}

#sp-section-3 {
  color: #fff;
}

#sp-position1, #sp-position2, #sp-position3, #sp-position4 {
  padding: 0px;
}

#mod-custom128:hover, #mod-custom129:hover, #mod-custom130:hover, #mod-custom131:hover {
  background-color: #55A277;
  text-decoration: underline;
}


#mod-custom128 {
  background: #72909C;
  padding-top: 5px;
  padding-bottom: 5px;
}

#mod-custom129 {
  background: #4E6F84;
  padding-top: 5px;
  padding-bottom: 5px;
}

#mod-custom130 {
  background: #21465A;
  padding-top: 5px;
  padding-bottom: 5px;
}

#mod-custom131 {
  background: #0E3141;
  padding-top: 5px;
  padding-bottom: 5px;
}


.fa.fa-facebook-square.fa-2x {
  color: #42ad5f;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  font-family: 'Arial', sans-serif;
  color: #00000;
  text-decoration: none;
}
.ig-image-descriptions.ig-image-descriptions-below.igui-first-column.igui-grid-margin {
  height: auto !important;
}

.ig-slideshow-image {
  max-height: 100% !important;
  margin: 0 auto;
}

.responsive-video {
  position: relative;
  padding-bottom: 56.25%; /* verhouding 16:9 */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
}

.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}