.articles-wrapper > h2 {
    margin-bottom: 44px;
    margin-top: 0;
}

.tile-container {
    padding-bottom: 34px;
    height: 100%;
}

article.tile {
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #ccc;
    height: 100%;
}

    article.tile a .article-content {
        padding: 16px 0 8px;
        transition-duration: 0.3s;
        position: relative;
        color: #000;
        background-color: #fff;
        text-decoration: none;
    }

        article.tile a .article-content p {
            color: #000;
        }

article.featured-article {
    margin-bottom: 0;
    overflow: hidden;
    position: relative;
}

    article.featured-article .article-wrapper {
        padding: 20px;
        transition-duration: 0.3s;
        position: relative;
        color: #000;
        background-color: #fff;
        text-decoration: none;
    }

        article.featured-article .article-wrapper .article-text {
            background-color: #fff;
            padding: 30px 40px;
        }

    article.featured-article a .article-wrapper .article-text h3 {
        margin-top: 0;
        margin-bottom: 14px;
        text-decoration: underline;
        color: #406e92;
    }

    article.featured-article a .article-wrapper .featured {
        font-size: 18px;
        text-transform: uppercase;
        padding: 14px 45px;
        background-color: #ce9700;
        display: inline-block;
        font-family: 'Futura PT Demi', Arial, Helvetica, sans-serif;
        font-weight: 500;
        font-style: normal;
        margin-bottom: 0;
    }

    article.featured-article a .article-wrapper .article-content {
        margin-top: -180px;
        margin-left: 20px;
        margin-right: 20px;
    }

        article.featured-article a .article-wrapper .article-content .article-text p.featured-article-details {
            color: #444;
            font-size: 18px;
            margin-bottom: 10px;
        }

            article.featured-article a .article-wrapper .article-content .article-text p.featured-article-details .break {
                color: #cccccc;
                padding: 0 10px;
            }

            article.featured-article a .article-wrapper .article-content .article-text p.featured-article-details .type {
                text-transform: uppercase;
                color: #000;
                font-family: 'Futura PT Demi', Arial, Helvetica, sans-serif;
                font-weight: 500;
                font-style: normal;
            }


.news-article-container {
    height: 100%;
    padding-bottom: 34px;
}

article.news-article {
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #ccc;
    height: 100%;
}

    article.news-article:hover img,
    article.featured-article:hover img,
    article.tile:hover img {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    article.news-article a,
    article.news-article:hover a,
    article.news-article:focus a,
    article.featured-article a,
    article.featured-article:hover a,
    article.featured-article:focus a,
    article.tile a,
    article.tile:hover a,
    article.tile:focus a {
        text-decoration: none;
    }

    article.news-article img,
    article.featured-article img,
    article.tile img {
        width: 100%;
        -webkit-transition: opacity 1s, -webkit-transform 0.35s;
        transition: opacity 1s, transform 0.35s;
        -webkit-transform: scale3d(1.05, 1.05, 1);
        transform: scale3d(1.05, 1.05, 1);
        position: relative;
        display: block;
        z-index: 0;
    }

    article.news-article .article-content {
        padding: 20px;
        transition-duration: 0.3s;
        position: relative;
        color: #000;
        background-color: #fff;
        text-decoration: none;
    }

    article.news-article a .article-content h6 {
        margin-top: 0;
        margin-bottom: 6px;
    }

    article.news-article a .article-content p.date {
        margin-bottom: 8px;
        color: #444;
    }

article.tile a h4,
article.tile a .article-title {
    margin-bottom: 20px !important;
    min-height: 56px;
    height: auto;
    font-weight: 700;
    font-size: 24px;
    font-family: 'Futura PT', Arial, Helvetica, sans-serif;
}

article.news-article a .article-content h4,
article.tile a h4,
article.tile a .article-title {
    margin-top: 0;
    margin-bottom: 14px;
    text-decoration: underline;
    color: #406e92;
}

    article.news-article a .article-content h4:hover,
    article.news-article a .article-content h4:focus,
    article.featured-article a .article-wrapper .article-text h3:hover,
    article.featured-article a .article-wrapper .article-text h3:focus,
    article.tile a h4:hover,
    article.tile a h4:focus {
        color: #003d6e;
    }

article.news-article a .article-content p {
    font-size: 18px;
    margin-bottom: 6px;
}

.article-details > p > span.divider {
    color: #ccc;
    padding: 0 10px;
}


.article-block {
    border-bottom: 1px solid #78858e;
    padding: 20px 0;
    margin: 20px 0 50px;
    position: relative;
}

    .article-block .media-contact-block {
        float: left;
        width: 50%;
    }

    .article-block .share-block {
        float: right;
        position: absolute;
        right: 0;
        bottom: 10px;
        width: 50%;
    }

@media only screen and (max-width: 991px) {
    article.featured-article .article-wrapper .article-text {
        padding: 24px 24px;
    }

    article.featured-article a .article-wrapper .featured {
        padding: 10px 30px;
    }

    article.featured-article a .article-wrapper .article-content {
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .article-block .share-block {
        float: none;
        width: 100%;
        position: relative;
        text-align: left;
    }

    .article-block .media-contact-block {
        float: none;
        width: 100%;
    }

    .article-block {
        padding: 6px 0;
    }

    article.news-article .article-content {
        padding: 20px 0;
    }

    article.featured-article .article-wrapper {
        padding: 0;
        background-color: transparent;
    }

        article.featured-article .article-wrapper .article-text {
            padding: 16px 0;
        }

    article.featured-article a .article-wrapper .featured {
        padding: 8px 24px;
        font-size: 16px;
    }

    article.featured-article a .article-wrapper .article-content {
        margin-left: 0;
        margin-right: 0;
        margin-top: -42px;
    }

    .articles-wrapper > h2 {
        margin-bottom: 24px;
    }

    article.tile {
        margin-bottom: 20px;
        height: auto !important;
        padding-bottom: 8px;
    }

        /*article.tile img {
            display: none;
        }*/

        article.tile a .article-content {
            padding: 0;
        }

        article.tile a h4 {
            min-height: auto;
            margin-bottom: 14px !important;
        }
}

@media only screen and (max-width: 480px) {
    .article-details > p > span.divider {
        display: none;
    }

    .article-details > p {
        font-size: 18px;
    }

        .article-details > p > a {
            display: block;
            margin-top: 4px;
        }

    .articles-wrapper .col-xs-6,
    .tile .col-xs-6 {
        width: 100%;
    }

    .news-article {
        height: auto;
    }

    article.featured-article a .article-wrapper .featured {
        padding: 6px 20px;
        font-size: 14px;
    }

    article.featured-article a .article-wrapper .article-content .article-text p.featured-article-details .break {
        display: none;
    }

    article.featured-article a .article-wrapper .article-content .article-text p.featured-article-details .type {
        display: block;
    }

    article.news-article {
        height: auto !important;
    }
}