.article
{
	color:#EDEBE8;
	background-color:#121C26;
	padding:.6em;
	border-radius:.6em;
	margin-top: .6em;
}

h1.article-title
{
	margin: .5em;
	margin-bottom: 0em;
	font-size: 2em;
}

h2.article-date
{
	font-size: 1em;
	margin-left: 1.1em;
	/*margin-top: .5mm;*/
	margin-top: 0.1em;
}

div.article-tags
{
	font-size: 1em;
	margin-left: 1.1em;
	margin-top: 0.5em;
}

p.article-body
{
	padding-left:2.5em;
	padding-right:2.5em;
	font-size:1em;
}

h3.article-subtitle
{
	font-size: 1.5em;
	margin-top: 1em;
	margin-bottom: 0em;
	padding-left:1.6em;

}

img.article-image
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom: 1em;
	width: 50%;
	display: block;
}

p.article-image-description
{
	text-align: center;
	font-size: 1em;
	margin-top: 0em;
	margin-bottom: 1em;
	color: #EDEBE8;
}

.link-box
{
	color:#EDEBE8;
	background-color:#121C26;
	padding:.6em;
	padding-top: .1em;
	padding-bottom: .1em;
	border-radius:.6em;
	margin-top: .6em;
	margin-left: 10em;
	margin-right: 10em;
	display: block;
	text-decoration: none;
	/*border-style: solid;*/
	border-width: .05em;
}


.link-title
{
	color: #EDEBE8;
	margin: .5em;
	margin-left: .8em;
	margin-bottom: 0em;
	font-size: 1.3em;
}

.link-date
{
	font-size: 0.9em;
	margin-left: 1.1em;
	/*margin-top: .5mm;*/
	margin-top: 0.1em;
	color: #aaaaaa;
}

@media only screen and (max-width:48em) /* 16px = 1em*/
{
	.link-box
	{
		margin-left: 1em;
		margin-right: 1em;
	}
}