html body * {
   font-family : Sans-Serif;
   font-size : 100%; 
   hyphens : auto;
   word-wrap: break-word;
   margin : 0;
}
@media only screen and (max-width: 3840px ) {
body {
   background-color: #f0f0f0;
}
div.feed {
	width : calc(100% - 30px);
   border : solid 1px #aaa;
   margin : 20px 15px 20px 15px;
   background-color: #ffffff !important;
}
ul.feed {
   margin : 0 0 0 -40px;
   list-style-type : none;
   text-indent : 0;
   clear : both;
}
div.content:hover {
   background-color: #e0e0e0 !important;
} 
div.logo {
   border : 0;
   border-bottom : solid 1px #eee !important;
   float : none;
   min-height : 68px;
}
div.error_message {
   border : 0;
   border-bottom : solid 1px #eee !important;
   float : none;
   clear : both;
   min-height : 40px;
   height : 120px;
}
div.logo img {
   float : left;
   margin : 10px 0 10px 10px;
}
div.logo h2 {
   font-weight : 600;
   line-height : 1.33em;
   font-size : 28px;
   padding : 17px 10px 10px 10px;
   background-color : #fff;
   color : #002288;
   hyphens : auto;
   overflow: hidden;
   text-overflow : ellipsis;
   width : calc(100% - 120px);
   float : left;
}
div.header {
   padding : 0 0 10px 10px;
   color : #222;
   font-size : 12px;
   clear : both;
}
div.header span {
   font-weight : 700;
}
div.content {
   border : 0;
   border-bottom : solid 1px #eee;
   padding : 0 0 1em 0;
}
div.content:hover {
   background-color: #f8f8f8 !important;
} 

h2 {
   font-weight : 600;
   line-height : 1.33em;
   font-size : 16px;
   padding : 10px 10px 0px 10px;
   color : #000;
   hyphens : auto;
   overflow: hidden;
   text-overflow : ellipsis;
   width : calc(100% - 20px - 145px);
   float : left;
}
h2.title a {
   font-size : 16px;
   color : #002288;
   float : left;
}
div.description {
   width  : calc(100% - 50px);
   font-weight : 500;
   line-height : 1.4em;
   font-size : 14px;
   color : #444;
   text-decoration : none;
   padding : 5px 10px 0 40px;
   float : none;
   clear : both;
}
div.posted,
div.enclosure {
   font-weight : 400;
   line-height : 1.4em;
   font-size : 11px;
   color : #888;
   padding : 10px 0 0 0;
   width : 140px;
   float : left;
}
div.enclosure {
   float : none;
   padding : 10px 10px 0 40px;
   color : #666;
   font-weight : 500;
   width : 100%
}
}

@media only screen and (max-width: 480px) {
	
body {
   background-color: #f0f0f0;
}
div.feed {
	width : calc(100% - 20px);
   border : solid 1px #aaa;
   margin : 10px 5px 10px 5px;
   background-color: #ffffff !important;
}
ul.feed {
   margin : 0 0 0 -40px;
   list-style-type : none;
   text-indent : 0;
}
div.logo {
   border : 0;
   border-bottom : solid 1px #eee !important;
   float : none;
   height : auto;
   min-height : 68px;
}
div.logo img {
   float : left;
   margin : 10px 0 10px 10px;
}
div.logo h2 {
   font-weight : 600;
   line-height : 1.33em;
   font-size : 21px;
   padding : 7px 10px 10px 10px;
   background-color : #fff;
   color : #002288;
   hyphens : auto;
   overflow: hidden;
   text-overflow : ellipsis;
   width : calc(100% - 120px);
   float : left;
}

div.header {
   padding : 0 0 10px 10px;
   color : #222;
   font-size : 12px;
   clear : both;
}
div.header span {
   font-weight : 700;
}
div.content {
   border : 0;
   border-bottom : solid 1px #eee;
   padding : 0 0 1em 0;
}
div.content:hover {
   background-color: #f0f0f0 !important;
} 

h2 {
   font-weight : 600;
   line-height : 1.33em;
   font-size : 18px;
   padding : 10px 10px 0px 10px;
   color : #000;
   hyphens : auto;
   overflow: hidden;
   text-overflow : ellipsis;
   width : calc(100% - 20px);
}
h2.title a {
   color : #002060;
   text-decoration : none;
   width : calc(100% - 20px);
   font-size : 18px;
}
div.description {
   width  : calc(100% - 40px);
   font-weight : 500;
   line-height : 1.4em;
   font-size : 14px;
   color : #444;
   text-decoration : none;
   padding : 5px 10px 0 20px;
   hyphens : auto;
}
div.posted {
   font-weight : 400;
   width : 130px !important;
   line-height : 1.0em;
   font-size : 11px;
   color : #888;
   padding : 5px 0 0 10px;
   float : right;
}
div.enclosure {
   line-height : 1.2em;
   font-size : 11px;
   font-weight : 400;
   float : none;
   padding : 10px 10px 0 20px;
   color : #666;
   font-weight : 500;
   width : calc(100% - 40px);
   overflow : hidden;
   text-overflow : ellipsis;
}
}


@media only screen and (orientation:landscape) and (max-width: 920px) {
	
body {
   background-color: #f0f0f0;
}
div.feed {
	width : calc(100% - 20px);
   border : solid 1px #aaa;
   margin : 10px 5px 10px 5px;
   background-color: #ffffff !important;
}
ul.feed {
   margin : 0 0 0 -40px;
   list-style-type : none;
   text-indent : 0;
}
div.logo {
   border : 0;
   border-bottom : solid 1px #eee !important;
   float : none;
   height : auto;
   min-height : 68px;
}
div.logo img {
   float : left;
   margin : 10px 0 10px 10px;
}
div.logo h2 {
   font-weight : 600;
   line-height : 1.33em;
   font-size : 21px;
   padding : 17px 10px 10px 10px;
   background-color : #fff;
   color : #002288;
   hyphens : auto;
   overflow: hidden;
   text-overflow : ellipsis;
   width : calc(100% - 120px);
   float : left;
}

div.header {
   padding : 0 0 10px 10px;
   color : #222;
   font-size : 12px;
   clear : both;
}
div.header span {
   font-weight : 700;
}
div.content {
   border : 0;
   border-bottom : solid 1px #eee;
   padding : 0 0 1em 0;
}
div.content:hover {
   background-color: #f0f0f0 !important;
} 

h2 {
   font-weight : 600;
   line-height : 1.33em;
   font-size : 18px;
   padding : 10px 10px 0px 10px;
   color : #000;
   hyphens : auto;
   overflow: hidden;
   text-overflow : ellipsis;
   width : calc(100% - 20px);
   float : left;
}
h2.title a {
   color : #002060;
   text-decoration : none;
   float : left;
   font-size : 18px;
}
div.description {
   width  : calc(100% - 30px);
   font-weight : 500;
   line-height : 1.4em;
   font-size : 14px;
   color : #444;
   text-decoration : none;
   padding : 5px 10px 0 20px;
   hyphens : auto;
}
div.posted {
   font-weight : 400;
   width : 130px !important;
   line-height : 1.0em;
   font-size : 11px;
   color : #888;
   padding : 5px 0 0 10px;
   float : right;
}
div.enclosure {
   line-height : 1.2em;
   font-size : 11px;
   font-weight : 400;
   float : none;
   padding : 10px 10px 0 20px;
   color : #666;
   font-weight : 500;
   width : calc(100% - 40px);
   overflow : hidden;
   text-overflow : ellipsis;
}

}