---
layout: page
---
<style TYPE="text/css">
.gallery-wrapper {
  width: 35em;
  text-align: center;
  padding: 1em 0 4em 0;
}
.gallery-best-image{
  max-height: 20em;
  max-width: 20em;
}
</style>
{% for gallery in page.galleries %}
<div class="gallery-wrapper">
    <a href="{{ gallery['gallery'] }}">
        <img class="gallery-best-image" src="{{ gallery['gallery'] }}/thumbs/{{ gallery['best_image'] }}">
    </a>
    <h3><a href="{{ gallery['gallery'] }}">{{ gallery["name"] }}</a></h3>
    {{ gallery["images"] | size }} image{% if gallery["images"].size != 1 %}s{% endif %}
</div>
{% endfor %}