p.comment.date {
  padding-bottom: .4em
}

p.comment.date+h3 {
  padding-top: 0
}

p.comment.date.current {
  color: #c77210
}

section.news table {
  border-collapse: collapse;
  width: 100%;
}

section.news th, td {
  border: 1px solid #696969;
  padding: 8px;
  text-align: left;
}

section.news tr:nth-child(even) {
  background-color: #3f3f3f;
}

section.news {
  max-width: 1200px;
  padding-right: 100px;
  width: auto
}

@media (max-width: 800px) {
  section.news {
    padding-right: 45px
  }
}

section.news:after {
  content: '';
  display: table;
  clear: both
}

section.news article {
  float: left;
  box-sizing: border-box;
  width: 50%;
  padding-right: 80px;
  padding-bottom: 80px
}

@media (max-width: 800px) {
  section.news article {
    float: none
  }
}

@media (max-width: 800px) {
  section.news article {
    width: auto
  }
}

@media (max-width: 800px) {
  section.news article {
    padding-right: 0
  }
}

@media (max-width: 800px) {
  section.news article {
    padding-bottom: 40px
  }
}

section.news article:nth-of-type(2n+1) {
  clear: left
}

section.news article.selected {
  float: none;
  clear: none;
  width: auto;
  max-width: 1000px
}

section.news article img {
  max-width: 80%;
  height: auto
}

section.news article iframe {
  margin-bottom: 1em;
  max-width: 100%;
  max-height: calc(80vw * 54 / 96)
}

@media (max-width: 800px) {
  section.news article iframe {
    max-height: calc((100vw - 90px) * 54 / 96)
  }
}

section.news .more {
  transform: translate3d(0, -30px, 0);
  margin-bottom: 60px;
  clear: left
}

@media (max-width: 800px) {
  section.news .more {
    transform: translate3d(0, 0, 0)
  }
}

section.news+section.updates {
  margin-top: 40px
}

section.updates {
  max-width: 1200px;
  padding-right: 100px;
  width: auto
}

@media (max-width: 800px) {
  section.updates {
    padding-right: 45px
  }
}

section.updates:after {
  content: '';
  display: table;
  clear: both
}

section.updates article {
  float: left;
  box-sizing: border-box;
  width: 33.33333%;
  padding-right: 80px;
  padding-bottom: 80px
}

@media (max-width: 800px) {
  section.updates article {
    float: none
  }
}

@media (max-width: 800px) {
  section.updates article {
    width: auto
  }
}

@media (max-width: 800px) {
  section.updates article {
    padding-right: 0
  }
}

@media (max-width: 800px) {
  section.updates article {
    padding-bottom: 40px
  }
}