.text-box
{
    width             :   98%;
    -webkit-box-flex  : 1 98%;
    -moz-box-flex     : 1 98%;
    -webkit-flex      : 1 98%;
    -ms-flex          : 1 98%;
    flex              : 1 98%;
    border            : 1px solid #dddddd;
    border-top        : 1em solid #b1cef4;
    margin            : 1%;
    margin-top        : 1em;
    margin-bottom     : 1em;
    padding           : 1%;
    border-radius     : 0.25em;
    background-color  : #fffffe;
    position : relative;
}
.text-box>a
{
    position         : absolute;
    width            : 100%;
    height           : 100%;
    top              : 0;
    left             : 0;
    text-decoration  : none;             /* Makes sure the link doesn't get underlined */
    z-index          : 10;               /* raises anchor tag above everything else in div */
    background-color : white;            /* workaround to make clickable in IE */
    opacity          : 0;                /* workaround to make clickable in IE */
    filter           : alpha(opacity=1); /* workaround to make clickable in IE */
}
.text-box:hover {
    background-color: #ffffe6;
}
.text-box-title
{
    color : #002db3;
    font-size:        -calc(5vw + 5vh + 2vmin);
    font-size: -webkit-calc(5vw + 5vh + 2vmin);
}
.text-box-subtitle
{
    color : #00CCFF;
}
@media only screen and (min-width : 360px)
{
    .text-box
    {
        width              :     47%;
        -webkit-box-flex   : 1 1 47%;
        -moz-box-flex      : 1 1 47%;
        -webkit-flex       : 1 1 47%;
        -ms-flex           : 1 1 47%;
        flex               : 1 1 47%;
    }
}

@media only screen and (min-width : 768px)
{
    .text-box
    {
        width              :      33.3333%;
        -webkit-box-flex   : 1  1 33.3333%;
        -moz-box-flex      : 1  1 33.3333%;
        -webkit-flex       : 1  1 33.3333%;
        -ms-flex           : 1  1 33.3333%;
        flex               : 1  1 33.3333%;
    }
}

@media only screen and (min-width : 992px)
{
    .text-box
    {
        width            :     24%;
        -webkit-box-flex : 1 1 24%;
        -moz-box-flex    : 1 1 24%;
        -webkit-flex     : 1 1 24%;
        -ms-flex         : 1 1 24%;
        flex             : 1 1 24%;
    }
}