#introPic { display:none;} 





section { clear:both;}


ol#articles { 
	float:right;  width:100%; list-style-type:none; margin:50px auto; padding:0 0 0 0;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	box-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;  }
	
	
#articles LI	{
				 display:flex; flex-wrap:wrap;
				  flex-basis: calc(49% - 20px) !important;
				 width:100%; /* max-width:calc(50% - 60px); */ position:relative;
				 margin: 30px 0;
				 padding:50px;
				  background:#fff; box-shadow: 0 0 5px #b19a8c; overflow:hidden;
				 }

div.licontent			{ float:left; width:100%; background:none; overflow:hidden;}

#articles LI small 		{ display:block; float:right;  width:100%; font-size:13px; color:#2d1608;  line-height:11px;  text-align:left; margin-top:0px;  padding:1rem 0 1rem 0; }
#articles LI H3			{margin:0;  padding:1rem 0 1rem 0;  font-weight:500; text-align:left; font-size:20pt; line-height:1.2; }
#articles LI H3 a			{color:#2d1608 }


#articles LI .more {background:#CB732B; color:#fff; font-size:16pt; height:50px; text-align:center; line-height:50px; position:absolute; right:0; bottom:0; padding:0 14px 0 14px; }
#articles LI .more:hover { background:#555;}
div.art-wrapper			{ float:left; /* padding:20px 2rem; */ color: #2d1608;	}


div.artmedia			{ float:left; width:100%; margin:0 30px 10px 0; order:0; }
.artmedia IMG			{ width:100%; height:auto; }


div.description			{ order:2; margin:0; padding:0 }
.description img		{ margin:0 10px 10px 10px}


div.lnkwrp { float:right;  background:none }

.pure-u-1-1 div.lnkwrp { margin-top:3rem}


a.read_more_de			{display:block;  color:		#fff; background:#957460; width:100%;   text-align:center; transition: all ease 0.3s	}
a.read_more_de:hover		{ background:#555; color:#fff	 } 


a.read_more_en			{ display:block;  color:		#fff; background:#957460; width:100%;   text-align:center; transition: all ease 0.3s}
a.read_more_en:hover		{ background:#555; color:#fff } 


/* @media screen and (max-width:1300px) {
		#articles LI {  max-width:calc(50% - 40px); margin:20px; }
} */
@media screen and (max-width:820px ) { 
		#articles LI {  flex-basis: calc(100%) !important; max-width:calc(100% ); padding:0; }
		#articles LI small, #articles LI h3, #articles LI small, #articles div.art-wrapper { padding:20px; }
		
		h2 { font-size:1.3em !important; }
 }