@media only screen and (max-width: 640px) {
  section.featured {
    display: none; } }

aside#news-nav {
  float: left;
  width: 20%;
  margin-right: 2%;
  padding-top: 40px; }

section#content.news {
  float: left;
  width: 78%; }

nav.categories {
  border-top: 5px solid #333; }
  nav.categories ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  nav.categories li {
    display: block;
    margin: 0; }
    nav.categories li a {
      display: block;
      color: #333;
      font-size: 18px;
      padding: 8px 10px;
      background: #c4c4c4;
      border-bottom: 1px solid #fff; }
      nav.categories li a:hover, nav.categories li a:focus, nav.categories li a.selected {
        text-decoration: none;
        color: #000;
        background: #fff; }
    nav.categories li ul {
      border-left: 10px solid #7e1001;
      padding: 0; }
      nav.categories li ul a {
        font-size: 16px;
        background: #e4e4e4; }
      nav.categories li ul ul {
        border-left: 10px solid #e4e4e4;
        padding: 0; }
        nav.categories li ul ul a {
          font-size: 16px;
          background: #f4f4f4; }

ul.featured-entries,
ul.latest-entries {
  list-style: none outside none;
  padding-left: 0;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap; }
  ul.featured-entries li,
  ul.latest-entries li {
    width: 23%;
    margin: 0 2% 2% 0; }
    @media only screen and (max-width: 1400px) {
      ul.featured-entries li,
      ul.latest-entries li {
        width: 30%; } }
    @media only screen and (max-width: 1000px) {
      ul.featured-entries li,
      ul.latest-entries li {
        width: 45%; } }
    @media only screen and (max-width: 480px) {
      ul.featured-entries li,
      ul.latest-entries li {
        width: 100%;
        height: auto; } }
    ul.featured-entries li a,
    ul.latest-entries li a {
      display: block;
      position: relative;
      margin-bottom: 20px;
      text-align: center; }
      ul.featured-entries li a .details,
      ul.latest-entries li a .details {
        opacity: 0;
        position: absolute;
        left: 50%;
        width: 60%;
        margin-left: -30%;
        top: 35%;
        background: #3a4455;
        color: white;
        padding: 10px 20px;
        border-radius: 0;
        box-sizing: border-box;
        text-align: center;
        font-family: 'Lato';
        text-transform: uppercase; }
      ul.featured-entries li a img,
      ul.latest-entries li a img {
        display: block;
        width: 100%;
        height: auto; }
      ul.featured-entries li a h2,
      ul.latest-entries li a h2 {
        color: #666;
        margin: 10px 0 0 0; }
      ul.featured-entries li a p,
      ul.latest-entries li a p {
        margin: 0 !important;
        color: #666;
        font-family: 'EB Garamond'; }
      ul.featured-entries li a:hover,
      ul.latest-entries li a:hover {
        text-decoration: none; }
        ul.featured-entries li a:hover .details,
        ul.latest-entries li a:hover .details {
          opacity: 1; }

nav.category-navigation ul,
nav.date-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0; }
nav.category-navigation li,
nav.date-navigation li {
  margin-bottom: 10px; }
nav.category-navigation h5,
nav.date-navigation h5 {
  margin: 15px 0; }
nav.category-navigation a,
nav.date-navigation a {
  display: block; }

.blog .gallery .gallery-data li {
  float: left;
  box-sizing: border-box;
  width: 11.625%;
  margin-right: 1%;
  margin-bottom: 1%;
  padding: 0; }
  .blog .gallery .gallery-data li:nth-of-type(8n) {
    margin-right: 0%; }