body, #wrapper
{
    min-height: 100vh;
}

.flex-fill
{
    flex: 1 1 auto;
}

.card-image img
{
    width: 100%;
}

.card-columns img,video
{
    width: 100%;
}

.card-columns
{
    column-gap: 1em;
}

.card-columns.card
{
    margin-bottom: 1em;
}

@media (min-width: 576px)
{
    .card-columns
    {
        column-count: 2;
    }
}

@media (min-width: 768px)
{
    .card-columns
    {
        column-count: 3;
    }
}

@media (min-width: 992px)
{
    .card-columns
    {
        column-count: 4;
    }
}

@media (min-width: 1200px)
{
    .card-columns
    {
        column-count: 6;
    }
}

.navbar-brand
{
    font-size: 1em;
}
.navbar-brand img
{
    height: 3em;
}