#newsHero {
    clear: both;
    width:100%;
    border:solid 1px #E9E9E9; /*Light Grey*/
    padding:0;
}

    #newsHero img {
        margin-right: 1em;
        width: 50%;
        float: left;
    }

    #newsHero .newsHeroDetails {
        float:right;
        width: 47%;
    }

    #newsHero h2 {
        margin-top:15px;
    }

#newsContent {
clear:both;
}

#newsContent figure {
    max-width:50%;
    height:auto;
    float:left;
    margin-right:15px;
    margin-bottom:5px;
    border:solid 1px #E9E9E9; /*Light Grey*/
}

#newsContent figure figcaption{
    padding:10px 15px;
}

#newsContent figure img {
    width:100%;
    height:auto;
}

#newsDate {
    font-size: .75em; /*12px/16px*/
    font-style: italic;
    margin-top: 15px;
    
}



#searchNewsResults, #latestNews {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
}

.posttime {
    font-style: italic;
    font-size: 0.8em;
    display:inline;
}

.archived {
    color: #d43900; /*Orange*/
}


@media screen and (max-width: 959px) and (min-width: 650px) {
    #directory {
        float: left;
    }
}

@media screen and (max-width: 649px) {
    #newsHero {
        padding:15px;
    }


     #newsHero img {
        width: 100%;
    }

    #newsHero .newsHeroDetails {
        float:left;
        width: 100%;
    }

    

#newsContent figure {
    max-width:100%;
    margin-right:0;
}

#newsContent figure figcaption{
    padding:5px 10px;
}



#newsDate {
    font-size: .75em; /*12px/16px*/
    font-style: italic;
    margin-top: 15px;
    
}




    .filter {
        clear: both;
    }

    #directory {
        float: left;
    }

    .filter-label {
        padding: 0px;
        margin: 0px;
    }

    .posttime {
        clear: both;
        display:block;
    }
}