.news-heading {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    padding: 10px;
    color: white;
    margin: 0;
    background-color:crimson;
    text-align:center
}
@media(min-width:280px) {
    .each-news {
        border: groove;
        border-width: 5px;
        height: 250px;
        color: black;
        margin-left: 0;
        padding: 0;
        width: 100%;
    }
}
@media(min-width:680px) {
    .each-news {
        border: groove;
        border-width:5px;
        height: 250px;
        color: black;
        margin-left: 0;
        padding: 0;
        width: 50%;
    }
}
.each-news:hover {
    cursor: pointer;
}


@media(min-width:280px){
    .newslblstyle {
        color: black;
        margin-top: 10px;
        padding-left: 10px;
        font-size: 12px;
        white-space: pre-wrap;
        overflow-wrap: break-word;
    }
}

@media(min-width:680px) {
    .newslblstyle {
        color: black;
        margin-top: 10px;
        padding-left: 10px;
        font-size: 16px;
        white-space: pre-wrap;
        overflow-wrap: break-word;
    }
}

.newslblstyle:hover{
    background-color:grey;
    color:white
}

.news-row{
    padding:0px;
}