.col-md-6{
    .block-header{
        margin-top: 0px;

    }
}

.block-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid $grey-border;
    padding-top: $xs-space;
    margin-top: $lg-space;
    padding-bottom: $md-space;
    h2 {
        margin: 0;
    }
}
.block-header-table{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: $xs-space;

    h2 {
        margin: 0;
    }
}

.block-action a:not(:first-child) {
    margin-left: $xs-space;
}

.block-content {
    article {
        margin-bottom: 20px;
        
        a {
            color: inherit;
            font-family: inherit;
            font-size: inherit;
        }

        &:not(:last-child) {
            margin-bottom: $md-space;
        }

        p {
            margin-bottom: 0;
        }
    }
    img {
        margin-bottom: $xs-space;
    }

}

.caption {
    display: inline-block;
    margin-bottom: 15px;
    padding: 2px 20px;
    background-color: #C75200;
    color: #fff;
}

@element .news-block and (max-width: 600px) {
    :self section article div[class^="col-"] {
        max-width: 100%;
        flex-basis: 100%;
    }
}

// @element .news-block section article .col-md-3 and (max-width: 250px) {

//     @element .news-block and (max-width: 399px) {
//         :self .article-image {
//             height: 200px;
//         }
//     }


//     @element .news-block and (min-width: 400px) {
//         :self .article-image {
//             height: 250px;
//         }
//     }

//     @element .news-block and (min-width: 600px) {
//         :self .article-image {
//             height: 300px;
//         }
//     }

//     @element .news-block and (min-width: 900px) {
//         :self .article-image {
//             height: 600px;
//         }
//     }
// }

.news-block .article-image {
    width: 100%;
    height: auto;
}