@charset "utf-8";

.archive { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 24px; }

.archive figure { margin: 0px; }

.archive img { width: 100%; height: 300px; object-fit: contain; background: rgb(18, 54, 85); padding: 12px; }

.archive figcaption { padding: 14px 0px; }

@media (max-width: 800px) {
  .archive { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}

@media (max-width: 520px) {
  .archive { grid-template-columns: 1fr; }
}