/* ==========================================================================

LAYOUT WIDTH

========================================================================== */
/* ==========================================================================

COLOR

========================================================================== */
/* ==========================================================================

FONT

========================================================================== */
@import url("https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900");
@import url("https://fonts.googleapis.com/css?family=Roboto+Mono:100,300,400,500,700");
/* ==========================================================================

SCREEN

========================================================================== */
/* ==========================================================================

MODULE

========================================================================== */
/* ==========================================================================
	
STYLE
	
========================================================================== */
/* ==========================================================================
	
pageCont
	
========================================================================== */
#pageCont .catchText {
  margin-bottom: 30px; }

.newsList li {
  padding: 1em 0;
  border-bottom: 1px solid #111;
  text-align: left;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start; }
  @media only screen and (max-width: 640px) {
    .newsList li {
      flex-flow: column wrap;
      align-items: flex-start; } }
  .newsList li .meta {
    flex: 0 1 50%; }
    @media only screen and (max-width: 768px) {
      .newsList li .meta {
        flex: 0 1 50%; } }
    @media only screen and (max-width: 640px) {
      .newsList li .meta {
        margin-bottom: 10px; } }
    .newsList li .meta .date {
      margin-right: 20px; }
    .newsList li .meta .tag {
      width: 10em;
      padding: 0.3em;
      text-align: center;
      font-size: 0.9em; }
  .newsList li .newsTitle {
    flex: 1 1 100%;
    padding-left: 20px;
    margin-right: auto; }
    @media only screen and (max-width: 640px) {
      .newsList li .newsTitle {
        padding-left: 0; } }
    .newsList li .newsTitle br {
      display: none; }