.featured-posts{
    margin:0 5%;
    display:flex;
    flex-flow:row wrap;
}
.featured-post-block{
    margin:20px 0;
    padding:10px;
    flex-basis:100%;
}
.featured-post-block .featured-container{
    width:100%;
    height:300px;
    overflow:hidden;
    position:relative;
    border:1px solid #dfc690;
}

.featured-post-block .featured-container img{
    position:relative;
    top: calc(50% + 1px);
    left: calc(50% + 1px);
    -webkit-transform: scale(1.01) translate(-50%,-50%);
    -ms-transform: scale(1.01) translate(-50%,-50%);
    transform: scale(1.01) translate(-50%,-50%);
    min-width:100%;
    min-height:100%;
    width:auto;
    height:auto;
    border:none;
}
.featured-post-block .cat_title{
    position:absolute;
    top:0;
    right:0;
    margin:0;
    z-index:3;
    
}
.featured-post-block .cat_title a{
    padding:5px 20px;
    color:black;
    background-color:#dfc690;
}

.featured-post-block .post_title{
    position:absolute;
    z-index:0;
    top:0;
    left:0;
    margin:0;
    width:100%;
    height:100%;
    padding:10% 50% 0 5%;
    overflow:hidden;
    background-image: linear-gradient(
        45deg, 
        #0d50aaaa 60%, 
        rgba(255, 255, 255, 0.2) 
        60%
    );
}
.featured-post-block .post_title a{
    color:white;
    text-shadow: #000 1px 1px 4px;
}
.featured-post-block > h3{
    margin:0;
    padding:0;
    float:right;
}
.featured-post-block .featured-container .post_excerpt{
    display:none;
}
@media screen and (min-width: 1024px) {
    .featured-post-block{
        flex-basis:50%;
        flex-grow:1;
    }


    .has-excerpt .featured-post-block .featured-container img{
        position:absolute;
        top:0;
        left:0;
        -webkit-transform: scale(1.01) translate(-50%,-50%);
        -ms-transform: scale(1.01) translate(-50%,-50%);
        transform:scale(0.5) translate(-50%,-50%);

    }
    .has-excerpt .featured-post-block .cat_title{
        display:none;
    }
    .has-excerpt .featured-post-block .post_title{
        position: initial;
        z-index:0;
        top:0;
        right:0;
        margin:0;
        padding:20px 20px 0px 55%;
        width:fit-content;
        height:fit-content;
        overflow:hidden;
        background-image: none;

    }
    .has-excerpt .featured-post-block .post_title a{
        color: #00ccff;
    }

    .featured-post-block .featured-container .post_excerpt{
        display:block;
        position:initial;
        padding:0px 20px 0px 55%;
        color: #f5f5f5;
        font-family: "Roboto", Sans-serif;
        font-weight: 400;
        line-height: 1.5em;
        font-size: 14px;
        font-style: normal;
        letter-spacing: 0em;
    }
}