/* Mobile first: default styles */
 /* ============================
  This is Mobile First CSS
  Mobile-first styles
============================ */

/* Small phones */
@media (max-width: 480px) { 


 }


  /* Tablet and up */
@media (max-width: 768px) {
  .container { padding: 0 1rem; }
  .listings-grid { grid-template-columns: repeat(2, 1fr); }
  
 
}

/* Desktop and up */
@media (min-width: 900px) {
  .container { max-width: 1200px; margin: 1rem auto; }
  .listings-grid { grid-template-columns: repeat(3, 1fr); }
}