#out-title{
	display:table;
	font-size:130%;
	color:#F8F5EE;
}
#out-title a:link{ 
	text-decoration: none; 
	font-weight: bold;
	padding-left: 4%;
	padding-right: 4%;
	background: #29551a;
	color:#FFF;
	padding:.2em .4em;
}
#out-title a{
	color:#FFF;
}

.articles a{
	font-weight: bold;
}

.articles{
	display:-webkit-flex;
	display:flex;
	text-overflow:ellipses;
	overflow:hidden;
	padding-bottom: 3px;
}

#outloud-front a{
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	letter-spacing: -.03em;
	background: rgba(248, 245, 238, .8 );
	color:black;
}

#outloud-front a:link{ 
	text-decoration: none; 
	padding: .2em;
	margin: 0 .4em;
}


#outloud-front a:hover{
	font-weight: bold;
	/*border-bottom:1px solid green;*/
	background: #29551a;
	color:#FFF;
	/*padding:.2em .4em;
	margin:0;*/
}

#outloud-front{
	/*padding-top: 20px;*/
	padding: 20px 0;
	width:100%;
	font-size:130%;
	height:auto;
	display:inline-block;
	border-top: 2px solid #29551a;
	overflow:hidden;
	background-color: #F8F5EE;
	background-size: cover;
	background-position: 50% 0;
}
#outloud-front:after{
	padding-top: 30%;
	display: block;
	content: '';
}

.trans{
	border-top: 1px solid rgba(0,0,0,0) !important;
	color: rgba(0,0,0,0) !important;
}

#desc{
	text-align: center;
	font-family: 'Vollkorn', 'Times New Roman';
	letter-spacing: -0.02rem;
	line-height: 1.5;
	margin: 0 auto;
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px solid #29551a;
	width: 80%;
	color: rgba(0, 0, 0, 0.69);
	font-style: italic;
	padding-bottom: 20px;
}