.blog-cards{transition:height .3s ease;-webkit-transition:height .3s ease;background:#eddfc0;border-radius:3px;margin:0 auto 1.6%;overflow:hidden;position:relative;line-height:1.45em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:0px}.header.title{margin:0 auto;max-width:531px;margin-top:138px;margin-left:0px}.blog-cards .photo{height:200px;position:relative}.blog-cards .details{transition:all .3s ease;-webkit-transition:all .3s ease;background:rgba(0,0,0,0.6);-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;list-style:none;margin:0;padding:10px 15px;height:200px;position:absolute;top:0;left:-100%}.blog-cards .details li:before,.blog-card .details .tags ul:before{font-family:FontAwesome;margin-right:10px;vertical-align:middle}.blog-cards .descriptiont{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.blog-cards .descriptiont h3{line-height:1.5em;margin:0 0 10px 0;font-weight:400;font-size:1.5em;color:#27373e}.blog-cards .descriptiont h1{position:relative;margin:0;padding-top:20px;font-size:36px;line-height:1.5;color:#27373e}.blog-cards .description p:after{content:"";background:#85c9ec;height:6px;width:40px;position:absolute;top:6px;left:0}.blog-cards .description a{color:#a01f22;margin-bottom:10px;float:left}.blog-cards .description a:after{transition:all .3s ease;-webkit-transition:all .3s ease;content:"\f061";font-family:FontAwesome;margin-left:-10px;opacity:0;vertical-align:middle}.blog-cards .description a:hover:after{margin-left:5px;opacity:1}.blgs{display:block;float:left;width:100%}.blg-text{text-align:center;padding-bottom:2%}p.small-title{padding-bottom:2%}@media screen and (max-width:850px){.header.title{margin:0 auto;max-width:100%;margin-top:0;float:none !important;padding-right:0px;text-align:center}.hero-ctas{display:block;height:100%;align-items:center;margin-top:10px;text-align:center;margin:0 auto}.descriptiont{padding:3% !important}}@media screen and (min-width:850px){.photo{clip-path:polygon(15% 0,100% 0%,100% 100%,0% 100%);-webkit-clip-path:polygon(15% 0,100% 0%,100% 100%,0% 100%);z-index:1}.blog-cards{height:441px;max-width:100%}.blog-cards.alt .details{padding-left:30px}.blog-cards.alt .descriptiont{float:right}.blog-cards.alt .descriptiont:before{left:inherit}.blog-cards.alt .photo{float:right}.blog-cards .photo{transition:all .5s ease;-webkit-transition:all .5s ease;float:left;height:100%;width:50%}.blog-cards .details{width:50%}.blog-cards .descriptiont{float:left;width:50%;z-index:0;height:441px}.blog-cards .descriptiont:before{content:"";background:url('https://www.surfaces.fi/hubfs/Puucomp%202020%20image%20web/680%201.png') center no-repeat;background-size:cover;width:1320px;z-index:-1;position:absolute;left:-21px;top:0;bottom:0;left:-71% !important}.blg-text{text-align:center;padding-bottom:2%;margin-left:5%;margin-right:5%}.blg-title{margin-left:5%;margin-right:5%}.blgs{padding-left:0;padding-right:0}}