ul#bloglist{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:30px;width:100%;padding:0;margin:0 0 60px;list-style-type:none}#blog .blog-grid{border-radius:10px;border:1px solid transparent;background:#fff;transition:all .25s}#blog .blog-grid h2{font-size:1.3rem;font-weight:700}#blog .blog-grid h2>a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}@media screen and (min-width: 768px){#blog .blog-grid:hover,#blog .blog-grid:focus,#blog .blog-grid:active{border:1px solid var(--boja2);box-shadow:0 15px 30px #00000026}}#blog .blog-grid .blog-image{border-radius:10px 10px 0 0;overflow:hidden;margin-bottom:15px}#blog .blog-grid .blog-single_date{font-size:.75rem;margin-bottom:20px}@media screen and (max-width: 576px){#blog .blog-grid .blog-single_date{margin-bottom:5px}}#blog .blog-grid .blog-title{padding:0 20px 20px}#blog .blog-grid .blog-title h5{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;line-height:1.875rem}@media screen and (max-width: 576px){#blog .blog-grid .blog-title{padding:0 0 20px}#blog .blog-grid .blog-title h5{font-size:1.2rem}}@media screen and (max-width: 576px){ul#bloglist{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 0 40px}}@media screen and (max-width: 576px){ul#bloglist{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:15px}}