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

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
	
========================================================================== */
/* ==========================================================================
	
mainCol
	
========================================================================== */
#blogList li {
  border-bottom: 1px solid #111;
  padding: 20px 0;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out; }
  #blogList li:first-child {
    border-top: 1px solid #111; }
  #blogList li:hover {
    background-color: white;
    cursor: pointer; }
  #blogList li .thum {
    flex: 0 0 30%;
    height: inherit;
    background-size: cover;
    background-position: center center;
    background-attachment: scroll; }
    @media only screen and (max-width: 640px) {
      #blogList li .thum {
        flex: 0 0 40%; } }
  #blogList li .cont {
    flex: 1 1 100%;
    padding-left: 30px; }
    #blogList li .cont .date {
      margin-bottom: 10px;
      display: block; }
    #blogList li .cont h2 {
      font-size: 1.1rem;
      margin-bottom: 10px; }