.blog-banner-dnd-section{overflow:hidden;position:relative;z-index:1}.blog-banner-dnd-section:before{background:#fcf7f1;bottom:0;content:"";height:33%;left:0;position:absolute;width:8%;z-index:-1}.blog-banner-dnd-section:after{background:#f8eadb;content:"";height:72%;left:0;position:absolute;top:0;width:100%;z-index:-1}.blog-post-left-shape{bottom:-11px;left:0;position:absolute;width:100%;z-index:1}.blog-post-left-shape svg{height:100%;width:100%}.blog-post-left-shape svg path{fill:#f8eadb}.blog-post-banner-section{min-height:712px;padding:340px 0 64px;position:relative;z-index:2}.blog-post-header h1{margin-bottom:106px;max-width:873px;width:100%}.blog-post-author a{font-size:16px;font-weight:600;line-height:25px}.post-banner-date .blog-post__timestamp{font-size:15px;line-height:25px;margin-right:32px}.post-banner-tags .blog-post__tag-link{font-size:15px;font-weight:600;line-height:25px;padding-bottom:4px;position:relative}.post-banner-tags .blog-post__tag-link:after{background-color:#191919;bottom:4px;content:"";height:1px;left:0;position:absolute;transform:scaleX(1);transform-origin:bottom left;transition:transform .4s cubic-bezier(.77,0,.175,1);width:100%}.post-banner-tags .blog-post__tag-link:hover:after{transform:scaleX(0);transform-origin:bottom right}.post-banner-tags .blog-post__tag-link:hover{text-decoration:none}.blog-post-banner-wrapper{padding-left:150px}.blog-post__tags li{display:inline-block;list-style:none;margin-right:8px}.blog-post-author-image{float:left;height:56px;margin-right:20px;overflow:hidden;position:relative;width:56px}.blog-post-author-image:after{background:url(https://www.webiteers.nl/hubfs/Webiteers%20Website/images/parchment-author-corner.png);content:"";height:100%;left:0;position:absolute;top:0;width:100%}@media (max-width:1470px){.blog-post-banner-wrapper{padding-left:100px}.blog-post-banner-section{min-height:auto;padding:200px 0 64px}}@media (max-width:1100px){.blog-post-banner-wrapper{padding-left:50px}}@media (max-width:1024px){.blog-post-banner-section{padding:150px 0 60px}}@media (max-width:991px){.blog-post-banner-wrapper{padding-left:0}.blog-post-header h1{margin-bottom:80px;max-width:100%}.blog-banner-dnd-section:after,.blog-banner-dnd-section:before,.blog-post-left-shape{display:none}}@media (max-width:767px){.blog-post-header h1{margin-bottom:50px}.blog-post-author a{font-size:14px;line-height:20px}.post-banner-date .blog-post__timestamp{font-size:14px;line-height:20px;margin-right:32px}.post-banner-tags .blog-post__tag-link{font-size:14px;line-height:20px}.blog-post__tags li{margin-right:5px}}