    </a>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {% include 'base/footer.html' %}
    <style>
        #page-header {
            margin: 30px;
            text-align: center;
        }

        @media (max-width:480px)  {
            /* smartphones, Android phones, landscape iPhone */
            .card-img-top {
                height: 7em;
