.magazines{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);padding:0 1rem 40px}.magazine .magazine-img{background-color:#fafafa;border-radius:5px;max-width:200px;overflow:hidden;position:relative}.magazine .magazine-img:before{content:"";display:block;padding-top:135%;width:100%}.magazine .magazine-img .img{background-position:50%;background-repeat:no-repeat;background-size:cover;display:block;height:100%;left:0;position:absolute;top:0;width:100%}.magazine .magazine-title{font-size:1.4em;margin:10px 0 0;padding:0}.magazine .magazine-issues{color:#ccc;font-size:.9em;margin:10px 0 0 10px;padding:0 0 0 10px}.magazine .magazine-issues li{margin-top:5px}.magazine .magazine-issues a{color:#666;text-decoration:none}.magazine .magazine-issues a:hover{text-decoration:underline}@media(min-width:768px){.magazines{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}}