.pubs-container{grid-template-columns:repeat(4,1fr);gap:15px;width:calc(100% + 60px);margin:30px auto;display:grid;position:relative;left:50%;transform:translate(-50%)}.pub-item{text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-moz-column-break-inside:avoid;break-inside:avoid;background:#ffffff0d;border-top:1px solid #ffffff0d;border-radius:8px;grid-template-rows:auto 1fr auto;text-decoration:none;display:grid;overflow:hidden}.pubs-container .pub-item{background:#111}.pub-item-bar{background:linear-gradient(#2c2c2c,#2d2d2d);justify-content:center;align-items:center;height:28px;padding:0 36px;display:flex;position:relative}.pub-item-bar:before{content:"";opacity:.15;background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:10px;transform:translateY(-50%);box-shadow:9px 0 #fff,18px 0 #fff}.pub-subtitle{color:#ffffff4d;text-align:center;font-family:Verdana,sans-serif;font-size:10px;transition:color .3s}.pub-item:hover .pub-subtitle{color:#fff9}.pub-item-arrow{opacity:.15;transition:opacity .3s;position:absolute;right:6px}.pub-item:hover .pub-item-arrow{opacity:.8}.pub-item-logo{width:auto;height:60px;margin:0 auto;padding:40px 30px 30px;display:block}.pubs-container .pub-item-logo{height:40px;padding:30px 20px 20px}.pub-title{color:#fff;padding:0 30px 40px;font-size:18px;font-weight:500;line-height:22px}.pubs-container .pub-title{padding:0 20px 30px;font-size:14px;line-height:22px}@media screen and (max-width:1080px){.pubs-container{width:100%}}@media screen and (max-width:768px){.pubs-container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){.pubs-container{grid-template-columns:1fr;gap:30px}}