.picture-card{display:flex;position:relative;padding:15px 20px 25px;border-radius:5px;background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden;color:#fff;z-index:1}.picture-card,.picture-card:focus,.picture-card:hover,.picture-card:active{color:#fff;text-decoration:none}.picture-card::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:transparent linear-gradient(180deg,transparent 0%,transparent 34%,rgba(0,0,0,.76) 73%,rgba(0,0,0,.76) 100%);z-index:-1;transition:background-color .2s linear}.picture-card:focus::before,.picture-card:hover::before,.picture-card:active::before{background-color:rgba(0,0,0,.1)}.picture-card:focus .link,.picture-card:hover .link,.picture-card:active .link{text-decoration:underline}.picture-card::after{padding-top:130%;display:block;content:''}.picture-card .tag{position:absolute;color:#fff;background:rgba(255,255,255,.25);border-radius:5px;padding:5px 12px 4px;font-size:14px;text-transform:uppercase}.picture-card .bottom{margin-top:auto}.picture-card .client{position:relative;display:block;padding-left:15px;margin-bottom:1em;font-size:15px}.picture-card .client::before{content:'';display:block;position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background-color:#6cd2f8}.picture-card .title{display:block;font-size:23px;font-weight:600}.picture-card .link{display:block;margin-top:1em;color:#6cd2f8;font-size:15px}@media screen and (max-width:1199px){.picture-card .title{font-size:20px}}@media screen and (max-width:767px){.picture-card{max-width:350px;margin:0 auto 2em auto}.picture-card .title{font-size:20px}}