* {font-family: Franklin Gothic Book Medium, Verdana, Arial Narrow;}
        a {font-weight: bold;color: #0000ff;}
        a:visited {font-weight: bold;color: #0000ff;}
        a:hover {color:#8295ff;}
        a:hover:visited {color:#8295ff;}
         .FEEDnull {
            color: silver;
            font-size: 1.5em;
            font-weight: bold;
            text-align: center;
            padding: 20px;
        }
        .FEEDcontainer {
            display: grid;
            grid-template-areas: 'fimg ftitle' 'fimg fdate' 'fimg froom' 'fimg fdesc' 'fimg fmore';
            grid-template-columns: 1fr 6fr;
            border-bottom: solid 1px;
            border-color: #b30737;
            border-spacing: 1px;
            padding-left: 2px;
            padding-right: 2px;
            padding-bottom: 5px;
            margin-right: 1.2em;
            margin-left: 1.2em;
        }
       .FEEDimg {
            grid-area: fimg;
            margin-right: auto;
            margin-bottom: auto;
            margin-top: auto;
            margin-bottom: auto;
        }

        .FEEDtitle {
            grid-area: ftitle;
            padding-right: 10px;
            padding-left: 15px;
            text-align: center;
        }

        .FEEDdesc {
            grid-area: fdesc;
            padding-right: 10px;
            padding-left: 15px;
        }

        .FEEDmore {
            grid-area: fmore;
            padding-right: 40px;
            padding-left: 10px;
            text-align: right;
        }

        .FEEDdate {
            grid-area: fdate;
            padding-right: 10px;
            padding-left: 15px;
            padding-top:2px;
            font-size:1.1em;
            font-weight: bold;
            font-style: italic;
        }
        .FEEDroom {
            grid-area: froom;
            padding-right: 10px;
            padding-left: 15px;
            padding-bottom:2px;
            font-size:1.1em;
            font-weight: bold;
            font-style: italic;
        }

        img.FEEDthumb {
            position: relative;
            float: left;
            margin-right: auto;
            margin-bottom: auto;
            width: 150px;
            height: 150px;
            overflow: hidden;
        }

        img.FEEDthumb:hover {
            filter: saturate(3.0);
        }
        @media (max-width: 800px)
{
 .FEEDcontainer {
            display: grid;
            grid-template-areas: 'fimg ftitle' 'fdate fdate' 'froom froom''fdesc fdesc' 'fmore fmore';
            grid-template-columns: 1fr 3fr;
        }
.FEEDtitle{padding-left:5px;padding-right:5px;margin-top:auto;margin-bottom:auto;font-size:1.2em;}
.FEEDdate{text-align:center;}
img.FEEDthumb{width:100%;height:100%;max-width:125px;max-height:125px;}
}