main .container .publication-list{grid-template-columns:repeat(4,1fr);margin-bottom:45px;grid-gap:38px;display:grid}@media screen and (max-width:768px){main .container .publication-list{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:767px){main .container .publication-list{grid-template-columns:repeat(1,1fr)}}main .container .publication-list .publication{overflow:hidden;box-shadow:0 5px 6px hsla(0,0%,71%,.5);border-radius:20px}main .container .publication-list .publication-img{position:relative}main .container .publication-list .publication-img img{border-bottom-right-radius:16px;border-bottom-left-radius:16px;height:auto;width:100%}main .container .publication-list .publication-img time{padding:7px 14px;font-size:20px;font-weight:700;color:var(--black);position:absolute;bottom:20px;background-color:var(--white);border-radius:10px;left:20px;z-index:1}main .container .publication-list .publication-info{padding:20px 20px 30px}main .container .publication-list .publication-info .date{margin-right:30px;text-align:center}main .container .publication-list .publication-info .date span:first-child{font-size:20px;margin-bottom:10px;color:var(--primary);display:block}@media screen and (max-width:768px){main .container .publication-list .publication-info .date span:first-child{font-size:18px;margin-bottom:6px}}main .container .publication-list .publication-info .date span:last-child{font-size:24px;font-weight:700;color:var(--black)}@media screen and (max-width:768px){main .container .publication-list .publication-info .date span:last-child{font-size:21px}}main .container .publication-list .publication-info .info h3{font-size:24px;font-weight:700;margin-bottom:.5em;color:var(--black);line-height:1.2em;margin-top:-3px}@media screen and (max-width:768px){main .container .publication-list .publication-info .info h3{font-size:21px}}main .container .publication-list .publication-info .info span{font-size:18px;color:var(--black);opacity:.5}.publication-modal{right:0;position:fixed;bottom:0;top:0;left:0;display:none;z-index:999}.publication-modal .modal-overlay{right:0;position:absolute;bottom:0;top:0;background-color:rgba(0,0,0,.6);left:0;z-index:0}.publication-modal .wrapper{transform:translate(-50%,-50%);padding:20px;position:relative;max-width:460px;top:50%;background-color:var(--white);border-radius:4px;left:50%;width:100%}.publication-modal .wrapper .close.icon{right:10px;color:var(--gray);position:absolute;top:20px;cursor:pointer}.publication-modal .wrapper .header{font-size:18px;font-weight:700;margin-bottom:10px;color:var(--black)}