#content>h1{font-size:3em;margin-top:30px;margin-bottom:0}.grid{margin:20px 60px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px 70px;grid-auto-rows:minmax(200px,auto)}.article{color:#000;text-decoration:none;cursor:pointer}.article img{width:200px;object-fit:cover}.article-info{width:100%}.article .header{text-align:justify;background:#a4c08c;color:#fff;padding:5px 0;width:100%}.article .header>h4{font-size:1.5em;margin:0 10px}.article .content{padding:10px;text-align:justify}.article .content p{overflow:hidden;text-align:justify;font-size:.9em;line-height:1.2em;max-height:calc(7 * 1.2em);position:relative;margin-right:-1em;padding-right:1em;margin-top:0}.article .content p:before{content:'...';position:absolute;right:0;bottom:0}.article .content p:after{content:'';position:absolute;right:0;width:1em;height:1em;margin-top:.2em;background:#fff}@media screen and (max-width:1300px){.article img{width:150px}.grid{margin:20px 20px;grid-gap:5px 30px}}@media screen and (max-width:900px){.grid{grid-template-columns:repeat(1,1fr);grid-gap:20px 30px}}@media screen and (max-width:475px){.article{flex-direction:column}.article img{width:100%;height:150px}.article .header{padding:5px 0}.article .header>h4{margin-left:10px;margin-right:10px}}