@media (max-width: 900px){
  .grid{ grid-template-columns:1fr; }
  .home-grid{ grid-template-columns:1fr; }
  .sidebar-sticky{
    position: static;
    top: auto;
  }
}

@media (max-width: 700px){
  .filters{ grid-template-columns:1fr; }
  .cards{ grid-template-columns:1fr; }

  .footer{ text-align:center; }
  .footer-row{ justify-content:center; }
  .footer-links{ justify-content:center; }

  .navbar .inner{
    padding:12px 14px;
  }
}

@media (max-width: 980px){
  .hero-top{ flex-wrap:wrap; }

  .hero-image{
    float:none;
    width:100%;
    margin:14px 0 12px 0;
  }
}

@media (min-width: 980px){
  .ai-fab{
    right:22px;
    bottom:22px;
    height:64px;
    padding:0 18px;
    font-size:15px;
  }
}