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

/**
 *  AT content
 */

.at-titleBlock--hasBgImage .at-titleBlock__table {
    display: table;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}

.at-titleBlock--hasBgImage .at-titleBlock__cell {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 5%;
}

.at-titleBlock--hasImage .at-titleBlock__title {
    margin: .15em 0 .3em;
    font-family:'Futurapt Book', Helvetica, Arial, sans-serif;
}

.at-titleBlock--hasImage .at-titleBlock__title strong {
    margin: .15em 0 .3em;
    font-family: 'Futurapt Bold', Helvetica, Arial, sans-serif;
}

.at-titleBlock .at-titleBlock__content {
    transition: transform 0.5s ease;
    will-change: transition;
}

.at-titleBlock:hover .at-titleBlock__content {
    transform: translate(0, -5px);
}

.at-titleBlock__link {
    color: #002b5c;
}

.at-titleBlock__readMore:before {
    content: '\27a1';
}

.at-titleBlock:hover .at-titleBlock__readMore:before {
    transform: translateX(0.15em);
}

/**
 *   Has background image
 */

.at-titleBlock--hasBgImage .at-titleBlock__cell {
    height: 10em;
    background: rgba(0, 43, 92, 0.5);
}

.at-titleBlock--hasBgImage .at-titleBlock__content,
.at-titleBlock--hasBgImage .at-titleBlock__link {
    color: #fff;
}

.at-titleBlock--hasBgImage .at-titleBlock__date,
.at-titleBlock--hasBgImage .at-titleBlock__readMore:before {
    color: #f9a702;
}

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

@media screen and (min-width: 700px) {
    .at-titleBlock--hasBgImage .at-titleBlock__cell {
        height: 24vw;
    }

    .at-titleBlock--hasBgImage.l-width--50 .at-titleBlock__table,
    .at-titleBlock--hasBgImage.l-width--100 .at-titleBlock__table {
        width: 50%;
    }

    .at-titleBlock--hasBgImage.l-width--75 .at-titleBlock__table {
        width: 60%;
    }

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

    .at-titleBlock__cell {
        display: table-cell;
        vertical-align: middle;
    }

    .at-titleBlock__cell:not(.at-titleBlock__cell--hasImage) {
        padding: 20px 5%;
    }

    .at-titleBlock__cell--hasImage {
        width: 60%;
        text-align: center;
    }

    .at-titleBlock__cellImage {
        width: 100%;
        max-width: 1200px;
        margin: auto;
    }

    /*.at-titleBlock--large {*/
        /*font-size: 125%;*/
    /*}*/
}

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

    .at-titleBlock--hasBgImage.l-width--30 .at-titleBlock__table {
        width: 75%;
    }
}

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

    .at-titleBlock--hasBgImage.l-width--100 {
        padding-top: 10vh;
        padding-bottom: 10vh;
    }

    .at-titleBlock--hasBgImage.l-width--75 .at-titleBlock__table {
        width: 50%;
    }
}

/**
 * Ribbon component
 * /style/components/atRibbon.css
 */

@media screen and (max-width: 479px) {
    .at-titleBlock a.atRibbon {
        margin: -20px -20px 0 -20px;
    }
}