#article-header {
	padding: 30px 30px;
	background: rgba(0,0,0,0.5);
	margin: 0;
	position: absolute;
	bottom: 0;
	display: block;
	width: calc(100% + 30px);
	left: -15px;
	color: #ffffff;
	font-family: 'Roboto Condensed';
	
}

.top-image-container {
	min-height: 100px;
	margin-top: -10px;
}
.top-image-container img {
	width: calc(100% + 30px);
	margin-left: -15px;
	margin-right: -15px;
}

.article-edit-button {
	position: absolute;
	top: 10px;
	right: 0;
	background: rgba(0,0,0,0.7);
	padding: 10px;
	display: block;
}

.article-content {
	background: #ffffff;
	margin-left: -15px;
	margin-right: -15px;
	padding: 10px;
}



@media only screen and (max-width: 640px) { 
	.article-item-topimage {
		width: 100%;
		margin-bottom: 6px;
		height: auto;
	}
}