/* Welcome to Compass. Use this file to write IE specific override styles.
 * Import this file using the following HTML or equivalent:
 * <!--[if IE]>
 *   <link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
 * <![endif]--> */
body {
  font: normal 63% "Noto Serif", "Times New Roman", Times, serif;
}

#main .above-fold .featured-slider a .caption {
  background-color: #202020;
}

@media screen and (min-width: 760px) {
  #main .single-post .related .more-related .content .featured-articles li {
    width: 33.3333% !important;
  }
}
@media screen and (min-width: 760px) {
  #main .other-categories .content .featured-articles li {
    width: 33.3333% !important;
  }
}
@media screen and (min-width: 540px) and (max-width: 759px) {
  #main .side .widget .commentary .columns li {
    width: 33.3333% !important;
  }
}