.SingleItemTitleBlock {
    align-items: center;
    position: relative;
    padding: 20px;
    background-size: cover;
}

.SingleItemTitleBlock__table {
    display: table;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}

.SingleItemTitleBlock__cell {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 5%;
}

.SingleItemTitleBlock__title {
    margin: .15em 0 .3em;
}

.SingleItemTitleBlock__link {
    color: #002b5c;
}

.SingleItemTitleBlock__readMore:before {
    content: '\27a1';
}

/**
 *   Has image
 */

.SingleItemTitleBlock--hasImage .SingleItemTitleBlock__cell {
    height: 10em;
    background: rgba(0, 43, 92, 0.5);
}

.SingleItemTitleBlock--hasImage .SingleItemTitleBlock__content,
.SingleItemTitleBlock--hasImage .SingleItemTitleBlock__link {
    color: #fff;
}

.SingleItemTitleBlock--hasImage .SingleItemTitleBlock__date,
.SingleItemTitleBlock--hasImage .SingleItemTitleBlock__readMore:before {
    color: #f9a702;
}

/**
 *   Optimize block dimensions based on size and screen dimensions
 */

@media screen and (min-width: 700px) {
    .SingleItemTitleBlock--hasImage .SingleItemTitleBlock__cell {
        height: 24vw;
    }

    .SingleItemTitleBlock--hasImage.l-width--50 .SingleItemTitleBlock__table,
    .SingleItemTitleBlock--hasImage.l-width--100 .SingleItemTitleBlock__table {
        width: 50%;
    }

    .SingleItemTitleBlock--hasImage.l-width--75 .SingleItemTitleBlock__table {
        width: 75%;
    }
}

@media screen and (min-width: 700px) and (max-width: 1199px) {
    .SingleItemTitleBlock--hasImage.l-width--50,
    .SingleItemTitleBlock--hasImage.l-width--100 {
        padding-top: 8vh;
        padding-bottom: 8vh;
    }

    .SingleItemTitleBlock--hasImage.l-width--30 .SingleItemTitleBlock__table {
        width: 75%;
    }
}

@media screen and (min-width: 1200px) {
    .SingleItemTitleBlock--hasImage.l-width--75 {
        padding-top: 5vh;
        padding-bottom: 5vh;
    }

    .SingleItemTitleBlock--hasImage.l-width--100 {
        padding-top: 10vh;
        padding-bottom: 10vh;
    }

    .SingleItemTitleBlock--hasImage.l-width--75 .SingleItemTitleBlock__table {
        width: 50%;
    }
}