﻿#groupContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

div.imageGroup {
    flex-basis: 23%;
    position: relative;
    margin-bottom: 15px;
}

    div.imageGroup > a {
        display: block;
        position: absolute;
        width: 100%;
        top: 0;
        bottom: 0;
    }

    div.imageGroup img.spacer {
        width: 100%;
        height: 100%;
        border: none;
    }

    div.imageGroup > img {
        width: 100%;
        height: auto;
        border: 1px solid #162732;
    }

    div.imageGroup div.text {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

        div.imageGroup div.text span.col1 {
            flex-basis: 65%;
            margin-bottom: 3px;
        }

        div.imageGroup div.text span.col2 {
            flex-basis: 35%;
            text-align: right;
            margin-bottom: 3px;
        }
