.header-background{position:relative}.header-background:before{background:#000;content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}.promo-info h1{text-transform:uppercase}.post-content{margin-top:30px}.blog-list{display:flex;flex-wrap:wrap;margin-left:-20px;margin-right:-20px}.blog-list .blog-card{margin:0 20px 50px;width:calc(33.33% - 60px)}.blog .post{position:relative}.blog .post:last-child{margin-right:0}.blog .post-image:before{background:#000;content:"";height:100%;left:0;opacity:.75;position:absolute;top:0;width:100%}.blog .post .info{bottom:10px;left:20px;position:absolute}.post .info .title{font-size:.75em;font-weight:300;letter-spacing:2px;padding-left:40px;position:relative;text-transform:uppercase}.post .info .title:before{background:#d1b086;content:"";display:block;height:1px;position:absolute;top:40%;width:30px}.post .info p{font-size:.931em;font-weight:300;letter-spacing:2px}.blog .post-overlay{align-items:flex-start;display:none;height:100%;justify-content:end;position:absolute;right:10px;top:10px;width:100%}.blog .post-overlay a{border:1px solid #ccc;border-radius:20px;color:#fff;font-size:.8em;font-weight:300;letter-spacing:8px;padding:5px 25px;text-decoration:none;text-transform:uppercase}.blog .post-overlay a:hover{background:#000;border-color:#000;color:#fff}.blog .post:hover>.post-overlay{display:flex}.blog .post:hover>.post-image:before{opacity:.55}@media screen and (max-width:1150px){.blog-list{margin-left:-25px;margin-right:-25px}.blog-list .blog-card{margin:0 25px 50px;width:calc(50% - 50px)}}@media screen and (max-width:900px){.blog-list{margin-left:unset;margin-right:unset}.blog-list .blog-card{margin:0 0 50px;width:100%}}
