.media_record
{
    padding: 20px 0px 20px 0px;
    border-bottom: 1px dotted #DDD;
}

.media_record  > div
{
    display: inline-block;
    vertical-align: top;
}

.media_date { padding-left: 10px; width: 15%; box-sizing: border-box; margin-top: 2px; }
.media_text { margin-left: 10px; width: 80%; box-sizing: border-box;}
.media_title {font-weight: bold}
.media_staffname, .media_dept { font-size: 85%;}
.media_dept { margin-bottom: 10px;  }
.media_press { font-size: 100%; font-weight: bold; margin-bottom: 10px; }

.media_descptn {font-size: 85%; font-style: italic; }


#cityu-content .media_photo > a > img {width: 100%; max-width: 400px;}

@media screen and (max-width: 500px) {
    .media_record  > div
    {
        display: block;
    }

    .media_date, .media_text
    {
        width: 80%

    }
}