/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 14 2026 | 22:50:48 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

<style>




.has-bg .title_anim.active .backdrop {
  margin-left:-2px !important;
}

#cookie-notice, #cookie-notice * {
background: #000;
}

.blog-overview-content.work_layout .blog-overview-item.blog-overview-item-btn {
    padding-top: 16rem;
}
 
.nav_main--toggle {
    width: 4.8rem;
    height: 4.8rem;
  }

a.btn {
    font-family: "ProximaNova-Bold", -apple-system, blinkmacsystemfont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", arial, sans-serif;
    padding-top: 3px;
}

a.lnk-hov {
    color: #000;
}

.block.col_4_footer_block .content .col, .block.col_4_footer_block h3 {
    margin-bottom: 0.5rem;
}
  

@media screen and (min-width: 780px)
{
 
  .work_layout .blog-overview-item-title {
    top: 0rem;
}
  .nav_main--logo {
    height: 4.6rem;
    top: 5.1rem;

}
  
  .nav_main {  
    padding: 6rem 6rem 6rem 4.7rem;

  }
  }

@media screen and (max-width: 779px) {
  
  
    
    #werkwijze {
    display:none;
  }
  
.mod-o.bl_up {
    margin-top: -16rem;
}
  .nav_main--logo {
  height: 4.8rem;
    margin-left: -1.5rem;
    margin-top: -1.45rem;
}
  
  .main_nav {
    height: 100vh;
  }
  .nav_main .nav_main--ul {
    margin-top: 6vh;
  }
}

@media screen and (min-width: 992px) {
  
	.bebas-kai {
		line-height:1;
	}
	
.blog-overview-content.work_layout {
    margin-top: 0rem;
}

  .blog-overview-content.work_layout .blog-overview-item:nth-of-type(odd) .blog-overview-item-image {
    padding-bottom: 110%;
}

  .blog-overview-content.work_layout .blog-overview-item.blog-overview-item-btn {
    padding-top: 17%;
}
  .blog-overview-content.work_layout .blog-overview-item {
    flex: 0 0 calc(100vw / 4);
    width: calc(100vw / 4);
}
}


@media (min-width: 1200px) {
.header-work-detail .block-bg-graphics {
    left: 57.5%;
}
}

@media screen and (min-width: 1700px) {
  
  .title-wide {
    font-size: 1.25rem;
}
}

@media screen and (min-width: 1800px) {
  
  .title-wide {
    font-size: 1.5rem;
}
  

	
  .services-collapse-item h2 button {
    font-size: 4rem;
}
  
  .blog-overview-item-info h2,  .work-overview-item h2 {
    font-size: 3rem;
}

  body {
font-size: 1.8rem;
}
  
  .blog-overview-content.work_layout .blog-overview-item {
    flex: 0 0 calc(100vw / 4);
    width: calc(100vw / 4);
}
  .blog-overview-content.work_layout .blog-overview-item.blog-overview-item-btn {
    padding-top: 20%;
}
 
  .blog-overview-item {
    flex: 0 0 calc(100% / 2.5);
    width: calc(100vw / 2.5);
}
.blog-overview.team_layout .blog-overview-content .blog-overview-item {
    flex: 0 0 calc(100vw / 5);
    width: calc(100vw / 5);
}

}

/*
.work-overview-item-image.ohi-img-scale.picture-fadein.animate.loaded, .color-from-top, .blog-overview-item-image.picture-fadein.ohi-img-scale.animate.loaded, .col.move_up img, .alignnone.wp-image-7661.size-full, .video_mod--overlay.anim-fadein.ohi-img-scale.animate.loaded {
border-radius: 50px;
}

*/

.blog-overview:not(.work_layout) .blog-overview-item-title>*:last-child {
padding-bottom: 2rem;
}