@charset "UTF-8";

/* =========================================================
   CONTAINER
========================================================= */

.container {

  width: 100%;

  max-width: 1200px;

  margin: 0 auto;

  padding: 0 15px;
}


/* =========================================================
   GRID LIST
========================================================= */

.list {

  display: grid;

  grid-template-columns:
    repeat(auto-fit, minmax(220px, 1fr));

  gap: 1rem;

  padding: 20px;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 768px) {

  .list {

    padding: 15px;

    gap: 0.8rem;
  }

}