.portfolio *,.portfolio *:after,.portfolio *:before{box-sizing:border-box}body.portfolio{margin:0;font-weight:200}.portfolio .header-container-wrapper,.portfolio .footer-container-wrapper{text-align:center}.portfolio .post-header h2{padding:0 10px}.portfolio .post-header h2{font-size:28px;word-wrap:break-word}.portfolio .post-header h2 a{line-height:1.2em}.portfolio .post-listing{width:100%;display:inline-block;border-bottom:1px solid #eee}.portfolio .blog-listing-wrapper .post-listing .post-item{box-sizing:border-box;width:25%;float:left;font-weight:light;min-height:400px;text-align:center;position:relative;border-top:1px solid #eee;border-left:1px solid #eee}.portfolio .blog-listing-wrapper .post-listing .post-item:nth-child(4n){border-right:1px solid #eee}.portfolio .blog-listing-wrapper .post-listing .post-item a{color:#fff;text-dexoration:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.portfolio .blog-listing-wrapper .post-listing .post-item a:hover{color:#ff8221;text-decoration:none}.portfolio .blog-post-wrapper{max-width:1080px;margin:0 auto}.hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image{border-width:0;max-height:170px;max-width:210px;height:auto;width:auto;display:inline-block !important;float:right;margin:20px 0 20px 20px}.portfolio h1{text-align:center;margin-top:10px}.topic-filters{list-style:none;max-width:600px;display:block;margin:0 auto}.topic-filters li{display:inline-block;float:left;width:25%;border-top:1px solid #eee;border-left:1px solid #eee;text-align:center;text-decoration:none;-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;-o-transition:background .3s ease-in-out;-ms-transition:background .3s ease-in-out;transition:background .3s ease-in-out}.topic-filters li:last-child{border-right:1px solid #eee}.topic-filters li:hover{background:#ff8221}.topic-filters li:hover a{color:#fff}.topic-filters li a{color:#555;text-decoration:none;padding:20px 0;display:inline-block}.topic-list{bottom:0;position:absolute;text-align:center;display:block;width:100%;margin:0}.topic-list a{border-radius:8px 8px 0 0;padding:10px;display:inline-block;color:#797979;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.topic-list a:hover{min-height:55px}.post-listing .portfolio-image{height:200px;display:block;-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;-ms-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.post-listing .portfolio-image:hover{opacity:.5}.post-portfolio-image{width:100%;height:400px;border-top:10px solid #555;border-bottom:10px solid #555}.portfolio .blog-pagination{max-width:600px;margin:0 auto;text-align:center;position:relative}.previous-posts-link{position:absolute;left:0}.next-posts-link{position:absolute;right:0}.print-design{background:#4f6b4a}.ux-research{background:#6297c3}.website-design{background:#ef5e29}.video-production{background:#333535}.print-design .topic-list a{background:#001b00}.ux-research .topic-list a{background:#124773}.website-design .topic-list a{background:#9f0e00}.video-production .topic-list a{background:#000}@media(max-width:767px){.topic-filters li{width:100%}.portfolio .post-header h2{margin-bottom:50px}.portfolio .blog-listing-wrapper .post-listing .post-item{min-height:0;border-right:1px solid #eee}.portfolio .blog-listing-wrapper .post-listing .post-item{width:100%}}