@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
@import url(//fonts.googleapis.com/css?family=Merriweather:900|Open+Sans:300italic,400italic,800italic,700,300,800,400|Lato:300,400,400italic);
/*========================================================
                      sidebar-box
=========================================================*/
.sidebar-box {
  max-height: 120px;
  position: relative;
  overflow: hidden;
}
.sidebar-box .read-more { 
  position: absolute; 
  bottom: 0; 
  left: 0;
  width: 100%; 
  text-align: center; 
  margin: 0; padding: 30px 0; 
	
  /* "transparent" only works here because == rgba(0,0,0,0) */
  background-image: linear-gradient(to bottom, transparent, black);
}

.body {
  font: 16px/1.5 sans-serif;
}

/* Show only 4 lines in smaller screens */
article {
  max-height: 7em; /* (4 * 1.5 = 6) */
}

/* Show 8 lines on larger screens */
@media screen and (min-width: 640px) {
  article2 {
    max-height: 12em;
  }
}