article p:first-letter{
	margin-left:16px;
}
.box>a{
    padding:2.65%;
    padding-left:8.2%;
    padding-right:8.2%;
}
article figure img{
	display:block;
	margin: auto;
	max-width: 90%;
	box-shadow: 0 0 7px 0px var(--colorGrey);
	border-radius: 3px;
	transition:box-shadow 200ms linear 0s;
}
article figure img:hover{
	box-shadow: 0 0 12px 0px black;
}
article figure{
	 margin-top:20px;
	 margin-bottom:30px;
}
img{
	box-shadow: 0 0 7px 0px var(--colorGrey);
	border-radius: 3px;
	
}
section#articles article figcaption{
	margin-top: 5px;
	font-size:1em;
}

.date{
	float:right;
	font-style: oblique;
	margin-right:15px;
	color: var(--colorOrange);
}

.flex_intro p,.flex_article p{
	padding:20px;
}
.flex_intro,.flex_article{
	display: flex;
	align-items:center;
	justify-content: center;
}

section#articles article .flex_intro figure figcaption,section#articles article .flex_article figure figcaption{
	/* margin-top: 0px; */
	color:#ADADAD;
	text-align:center;
	font-size:0.8em;
}
section#articles article .flex_intro figure,section#articles article .flex_article figure{
	 margin-top:20px;
	 margin-bottom:10px;
	 max-width:200px;
	 max-height:175px;
	 padding-left:25px;
	 padding-right:25px;
	 margin-left:0px;
	 margin-right:0px;
	 flex-basis:30%;
}
section#articles article .flex_intro p,section#articles article .flex_article p{

	 flex-basis:70%;
}
section#articles article .flex_intro figure img,section#articles article .flex_article figure img{
	 margin:0px;
	 max-width:200px;
	 max-height:175px;
	 min-width:140px;
	 width:100%;
}

section#articles article table td:first-letter{
	margin-left:10px;
}
section#articles article table td{
	text-align:left;
	font-size: 100%;
}
section#articles article table{
	 margin-top:30px;
	 margin-bottom:30px;
}
section#articles article div.clearfloat{
	clear: both;
}

@media  handeld, (max-width: 400px) {
.flex_intro,.flex_article{
	flex-direction:column;
}
}