.blog-overview .blog-filter{text-align:center;margin:0 auto;position:relative;z-index:2}.blog-overview .blog-filter h1{margin:0 0 50px;font-size:35px;color:#00430e;text-align:center}.blog-overview .blog-filter .blog-filter-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:30px}.blog-overview .blog-filter .blog-filter-container .dropdown-container{position:relative;display:inline-block;width:100%}.blog-overview .blog-filter .blog-filter-container .dropdown-container .dropdown-toggle{position:relative;border-bottom:1px solid #00430e;padding-bottom:5px;cursor:pointer;text-align:left}.blog-overview .blog-filter .blog-filter-container .dropdown-container .dropdown-toggle.active .icon{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.blog-overview .blog-filter .blog-filter-container .dropdown-container .dropdown-toggle .text{color:#00430e;-webkit-transition-duration:.3s;transition-duration:.3s;text-transform:uppercase;font-size:13px}.blog-overview .blog-filter .blog-filter-container .dropdown-container .dropdown-toggle .icon{position:absolute;top:0;right:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:rotate(0);transform:rotate(0);z-index:1}.blog-overview .blog-filter .blog-filter-container .dropdown-container .dropdown-toggle .icon img{width:15px}.blog-overview .blog-filter .blog-filter-container .dropdown-container .dropdown{position:absolute;z-index:9;top:100%;left:0;right:0;display:none;background:#fff;text-align:left;padding:10px}.blog-overview .blog-filter .blog-filter-container .dropdown-container .dropdown a{color:#00430e;display:block;-webkit-transition-duration:.3s;transition-duration:.3s;position:relative;padding:5px 0 5px 30px;font-size:13px;text-transform:uppercase}.blog-overview .blog-filter .blog-filter-container .dropdown-container .dropdown a:before{content:"";position:absolute;top:5px;left:0;width:10px;height:10px;border-radius:50%;z-index:1;-webkit-transition-duration:.3s;transition-duration:.3s;border:1px solid #00430e}.blog-overview .blog-filter .blog-filter-container .dropdown-container .dropdown a.active:before,.blog-overview .blog-filter .blog-filter-container .dropdown-container .dropdown a:hover:before{background:#00430e}.blog-overview .blog-items{margin:0 -15px}.blog-overview .blog-items .item{width:33.33%;padding:0 15px;display:block;margin-bottom:30px}.blog-overview .blog-items .item.small .image-container{height:30vh;max-height:250px}.blog-overview .blog-items .item.medium .image-container{height:35vh;max-height:350px}.blog-overview .blog-items .item.large .image-container{height:55vh;max-height:550px}.blog-overview .blog-items .item .image-container{overflow:hidden;display:block;margin:0 0 15px;position:relative;padding-top:15px}.blog-overview .blog-items .item .image-container:hover .bg-image{-webkit-transform:scale(1.05);transform:scale(1.05)}.blog-overview .blog-items .item .image-container .bg-image{-webkit-transform:scale(1);transform:scale(1);-webkit-transition-duration:.3s;transition-duration:.3s;position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden;top:0;left:0;right:0;bottom:0;z-index:1}.blog-overview .blog-items .item .content h2{margin:0 0 15px}.blog-overview .blog-items .item .content h2 .date,.blog-overview .blog-items .item .content h2 .title{display:inline-block;vertical-align:top}.blog-overview .blog-items .item .content h2 .title{font-size:17px;color:#00430e;font-weight:600;width:calc(100% - 110px)}.blog-overview .blog-items .item .content h2 .date{text-transform:uppercase;color:#00430e;font-size:13px;padding-left:15px;text-align:right;width:100px;padding-top:3px}@media only screen and (max-width:768px){.blog-overview .blog-items .item{width:50%}.blog-overview .blog-items .item.small .image-container{height:25vh;max-height:200px}.blog-overview .blog-items .item.medium .image-container{height:30vh;max-height:250px}.blog-overview .blog-items .item.large .image-container{height:40vh;max-height:350px}}@media only screen and (max-width:576px){.blog-overview .blog-filter .blog-filter-container{grid-template-columns:1fr}.blog-overview .blog-items .item{width:100%}.blog-overview .blog-items .item.large .image-container,.blog-overview .blog-items .item.medium .image-container,.blog-overview .blog-items .item.small .image-container{height:30vh;max-height:250px}}