.main-content .articles {
  color: #333333;
  font-size: 14px;
  overflow: hidden; }
  .main-content .articles li {
    clear: left;
    text-align: left;
    margin-bottom: 10px;
    padding-bottom: 0;
    overflow: hidden; }
    .main-content .articles li a {
      overflow: hidden; }
      .main-content .articles li a img {
        border: 0; }
  .main-content .articles h2, .main-content .articles h3, .main-content .articles h4 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    margin-bottom: 3px; }
  .main-content .articles p {
    color: #6f6f6f;
    font-size: 12px;
    line-height: 1.3;
    overflow: hidden; }
  .main-content .articles img {
    float: left;
    margin-right: 10px; }
  .main-content .articles .date {
    text-transform: uppercase;
    margin-top: 3px; }
  .main-content .articles .featured {
    float: left;
    height: auto;
    position: relative; }
    .main-content .articles .featured h2, .main-content .articles .featured h3, .main-content .articles .featured h4 {
      font-size: 14px;
      font-weight: bold;
      margin: 10px 0;
      height: auto; }
    .main-content .articles .featured h4 {
      margin-top: 0; }
    .main-content .articles .featured a {
      color: inherit;
      display: block;
      height: auto;
      padding: 0; }
    .main-content .articles .featured img {
      display: block;
      max-width: 50%; }

@media all and (min-width: 500px) {
  .main-content .articles li {
    clear: none; }
  .main-content .articles li:hover {
    background-color: #e9f0fa; }
  .main-content .articles .featured {
    margin-bottom: 0; }
    .main-content .articles .featured img {
      display: block;
      float: none;
      max-height: 100%;
      max-width: 100%; } }
@media all and (min-width: 868px) {
  .js .main-content .articles .featured {
    margin-bottom: 10px; }
    .js .main-content .articles .featured .intro {
      background: rgba(255, 255, 255, 0.8);
      min-height: 90px;
      _height: 90px;
      padding: 10px 10px 15px;
      position: absolute;
      top: 105px;
      width: 93%; }
      .js .main-content .articles .featured .intro h2, .js .main-content .articles .featured .intro h3, .js .main-content .articles .featured .intro h4 {
        margin-top: 0;
        min-height: 35px; }
      .js .main-content .articles .featured .intro h2, .js .main-content .articles .featured .intro h3, .js .main-content .articles .featured .intro h4, .js .main-content .articles .featured .intro p {
        color: #333333; } }