* { box-sizing: border-box; }

body {
  font-family: "mr-eaves-xl-sans",sans-serif;
}

.grid {
  border: 1px solid #fff;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .element-item ---- */

.element-item {
  position: relative;
  float: left;
  width: 340px;
  height: 240px;
  margin: 5px 5px 5px 10px;
  padding: 10px;
  background: #888;
  color: #fff;
}

.element-item > * {
  margin: 0;
  padding: 0;
}

.element-item .link {

  font-size: 12px;
  color:#fff;
}
.element-item p {
	font-size:16px;
}
img.thumbnail {
	width:320px;
	margin-bottom:5px;
}

.tag {
	color:#fff; 
	font-size:28px; 
	font-weight:bold; 
	padding:3px 6px 0px 6px; 
	display:inline; 
	float:left; 
	margin-right:5px; 
	background-color:rgba(255,255,255,0.3);
	line-height: 26px;
	}

@media (max-width: 600px) {
		.element-item {
			width: 95%;
			height:260px;
			}
		img.thumbnail {
			width:99%;
	}