.news-article {
    text-align: justify;
}

    .news-article h1 {
        text-align: left;
    }

    .news-article .publish-date {
        color: #888;
        font-size: 1rem;
        line-height: 1.75rem;
        margin-top: 10px;
    }

    .news-article .thumbnail {
        float: right;
        padding: 0px 0px 15px 30px;
        max-width: 100%;
        border-radius:10px;
        overflow:hidden;
    }

        .news-article .thumbnail img {
            width: 100%;
            height: auto;
        }

.video-container {
    position: relative;
    padding-bottom: 52.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.latest-news {
    overflow: hidden;
    /*background: #f5f5f5;*/
    background: #ffffff;
    /*padding: 5px;*/
}

    .latest-news .news-item {
        float: left;
        width: 50%;
        overflow: hidden;
        min-width: 330px;
    }

        .latest-news .news-item .news-logo {
            float: left;
            height: 125px;
            width: 160px;
            margin-right: 10px;
            overflow: hidden;
            background-color: White;
            border-right: 1px dashed #f5f5f5;
        }

        .latest-news .news-item img {
            height: 135px;
            margin-left: 50%;
            transform: translateX(-50%);
        }

    .latest-news .news-title {
        padding: 5px 10px 0px 0px;
    }


@media screen and (max-width: 740px) {
    .news-article .thumbnail {
        max-width: 250px;
    }

    .latest-news .news-item {
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .news-article .thumbnail {
        max-width: 200px;
    }
}

@media screen and (max-width: 400px) {
    .news-article .thumbnail {
        float: none;
        max-width: 100%;
        padding-left: 0px;
    }
}