@media (max-width:991px){
  .blog-grid{grid-template-columns:repeat(2,1fr)}
  .blog-featured{grid-template-columns:1fr}
  .bf-img img{min-height:240px;max-height:340px}
  .bf-body{padding:28px}
}
@media (max-width:600px){
  .blog-grid{grid-template-columns:1fr}
  .blog-tools{flex-direction:column;align-items:stretch}
  .blog-search{max-width:none}
  .blog-cats{overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}
  .blog-cats a{white-space:nowrap}
  .bf-body{padding:22px}
  .post-content{font-size:1rem}
}