body{
    background-color: #f0f1f3;
}
.top-hero{
    padding: 100px 0;
    background: url('../imgs/news.jpg') no-repeat center bottom fixed;
    background-size: cover;
    position: relative;
    color:#FFF
}
.top-hero::before{
    content:' ';
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.7);
}
.top-hero > div{
    position: relative;
}
.top-hero p{
    width: 60%;
    margin: auto;
}
.top-hero .tabs div{
    cursor: pointer;
    transition: 0.3s;
    opacity: 0.4;
    background-color: #FFF;
    border-radius: 20px;
    color:#555;
    padding: 9px 15px;
    margin: 5px;
}
.top-hero .tabs div:hover{
    opacity: 1;
}
.top-hero .tabs div.active{
    background: #e6595c;
    opacity: 1;
    color: #FFF;
}
@media(max-width:480px){
    .top-hero p{
        width: 90%;
    }
}
#news-holder{
    width:100%;
}
#news-holder .single-item{
    background: #FFF;
    border-radius: 4px;
    box-shadow: 2px 2px 5px #EBEBEB;
    transition: .4s;
}
#news-holder .single-item:hover{
    box-shadow: 7px 12px 20px #CCC;
}
#news-holder .single-item .date{
    font-size: 12px;
    color: #A8A6A6;
}


#news-holder img{
    max-width: 100%;
    height: auto;
}

#news-holder figcaption{
    height: 77px;
    overflow: hidden;
}