body {background:#e9eaed;font-family:'Roboto',sans-serif;font-size:14px;font-weight:400;text-align:left;color:#000;margin:0;padding:0;}
.pagination {margin-top:4px;margin-bottom:4px}
div [class^="col-"] {padding: 1px }
  
.entries_list {}
.entries-tagged , 
.entry , 
.entries-list-footer {border-color:rgba(0,0,0,0.05)!important}
.entry-thumb {display:inline-block;max-width:32%;margin-right:4px;}
.entry-thumb img {max-width:100%;} 
.entry-thumb.related img {max-width:60px;}
.entry-info {}
.entry-details {display:inline-block;vertical-align:top;max-width:66%}
.entry-title a , 
.entry-title a :hover , 
.entry-title a :focus {font-family: 'Roboto', sans-serif;font-size:120%;line-height:100%;text-decoration:none}
.entry-description {word-wrap: break-word;padding-top:8px}

@media screen and (max-width:480px) {.entry-description {display:none}}
@media screen and (max-width:360px) {.comments-count {display:none}}
@media screen and (max-width:280px) {.entry-date {display:none}}

.post-content img {max-width:100%}

/* This element defines the size the iframe will take.
       In this example we want to have a ratio of 25:14 */
    .aspect-ratio {
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 56%; /* The height of the item will now be 56% of the width. */
    }

    /* Adjust the iframe so it's rendered in the outer-width and outer-height of it's parent */
    .aspect-ratio iframe {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
    }