.featured-posts > .title{ text-align:center; text-transform:uppercase; line-height: 1.5em;}
.featured-posts p{ max-width:1000px; margin:0 auto; text-align:left;}
.featured-posts .posts{display:flex; align-items: top; flex-wrap: wrap; }
.featured-posts .post{ width:calc(100% * (1/3)); margin:0; position:relative; flex: 1 0 auto;}
.featured-posts .post:nth-child(odd){background:#ededed;}
.featured-posts .post a.wrap{display:block; position: relative;}
.featured-posts .post .image-wrap{background-size:cover; background-repeat:no-repeat; background-position:center center; height: 600px;}
.featured-posts .post img{position:relative; top:0; left:0; z-index:-1;}
.featured-posts .post .content{padding:40px; padding-bottom: 150px !important;}
.featured-posts .post .type{font-weight:700; line-height:50px; padding:5px 10px 5px 40px; color:#fff; text-transform:uppercase; position:relative; z-index:1; position: absolute;left: 0px;bottom: 0px;width: 100%;margin: 0px;}
.featured-posts .post .type:before{content:" "; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00a9e0+0,9fcd45+100&0.9+0,0.9+100 */
    background: -moz-linear-gradient(left, rgba(0,169,224,0.9) 0%, rgba(159,205,69,0.9) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0,169,224,0.9) 0%,rgba(159,205,69,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,169,224,0.9) 0%,rgba(159,205,69,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e600a9e0', endColorstr='#e69fcd45',GradientType=1 ); /* IE6-9 */
}
.featured-posts .post a.title{}
.featured-posts .post h6{font-size:25pt; color:#000; margin:10px 0 30px 0; }
.featured-posts .post .content .btn{margin: 0px; margin-bottom: 50px; position: absolute; bottom: 0px; top: auto; height: auto;}

.featured-posts .title.colored{background: #f1f1f1; margin: 0px; padding: 20px;}

/* Font scale adjustment */
/* @media(max-width: 2300px){
    .featured-posts .post h6{font-size: 19pt;}
} */

@media(max-width: 1920px){
    .featured-posts .post .type{margin-bottom: 0px;line-height: 35px;padding-left: 30px;}
    .featured-posts .post h6{font-size: 19pt;}
    .featured-posts .post .content{padding: 30px; padding-top: 20px;}
    .featured-posts .post .content .btn{margin-bottom: 30px;}
    .featured-posts .post .image-wrap{height: 450px;}

    .featured-posts .post .content{padding-bottom: 100px !important;}
}

@media(max-width: 1600px){
    .featured-content{padding-bottom: 15vw;}
}

@media(max-width: 1440px){
    .featured-posts .post .image-wrap{height: 350px;}

    .featured-posts .post .content{padding-bottom: 90px !important;}
}

@media(max-width: 1024px){
    .featured-posts .post .type{padding-left: 9vw;}
    .featured-posts .posts{flex-wrap: wrap;}
    .featured-posts .post{width: 100%;}
    .featured-posts .post h5{padding: 0px 9vw;}
    .featured-posts .post .content{padding: 20px 9vw;}
    .featured-posts .post .content .btn{margin-top: 20px;}
    .featured-posts .post .image-wrap{height: 550px;}
}

@media(max-width: 768px){
    .featured-posts .post .type{padding-left: 20px;}
    .featured-posts .post .content{padding: 20px;}
    .featured-posts .post .image-wrap{height: 60vw;}
}