#home-feature ul.home-feature{
    margin:0; margin-bottom:28px;padding:0;clear:both;overflow:auto;
    display:flex;
    align-items:stretch;
    margin-left: -15px;
}
#home-feature .home-feature__item{
    width:33.33%;
    list-style-type: none;
    float:left;
    padding-left:15px;
}
/*#home-feature .home-feature__item .deco-bar{content:""; display:block; height:10px; overflow:hidden; }*/
/*#home-feature .home-feature__item .deco-bar:before{content:""; display:block; height:20px; border-radius:6px; background-color:grey;}*/
#home-feature .home-feature__item .content{padding:4px 16px; min-height:250px;}
#home-feature .home-feature__item .headline{ font-weight: normal; font-size: 23px; color: #000; padding: 6px 0; }

#home-feature .feature-item {
    border: 1px solid #e2e5e7;
    border-top:6px solid #d3d9dd;
    height:100%;
}

#home-feature ul {margin-bottom: 3px;}
#home-feature .home-feature__item .featured-img img {
    max-width:100%;
    height:auto;
}


@media screen and (max-width:900px) {

    #home-feature ul.home-feature{ display:block; margin:0; padding:0; }
    #home-feature .home-feature__item{width:100%;float:none; margin-bottom:8px; clear:both;}
    #home-feature .home-feature__item {padding:0;}
    #home-feature .home-feature__item .content{position:relative; min-height:132px; padding-left:177px;}

    #home-feature .home-feature__item .featured-img {position:absolute; top:0; left:0; width:177px; padding:13px 16px; }

}


@media screen and (max-width:550px) {

    #home-feature ul.home-feature{ margin-left:-8px; padding:0; }
    #home-feature .home-feature__item{width:33.33%;float:left; margin-bottom:0; clear:none; padding-left:8px;}
    #home-feature .home-feature__item .content{
        min-height:0; padding:0; height:auto;
        padding-top:67.71%;
        /*padding-bottom:36.62%;*/
    }
    #home-feature .home-feature__item .headline {
        padding:13px 0;
        font-size:17px;
        line-height:18px;
        text-align:center;
    }
    #home-feature .home-feature__item .headline:after {
        content:"Learn more";
        display:block;
        color:#cc6633;
        font-family: Arial, sans-serif;
        font-weight:bold;
        font-size:11px;
        /*background: url('../img/arrow-brown-right.gif');
        background-position: right center;
        padding-right: 12px;
        background-repeat: no-repeat;*/
    }

    #home-feature .home-feature__item .featured-img { top:0; left:0; width:100%; padding:0; }
    #home-feature .home-feature__item .img { width:100%; }
    #home-feature .home-feature__item .text { display:none; }

}