#articlesListed{
	display:flex;
	flex-direction: row;
	flex-wrap:wrap;
	justify-content: center;
}
#articleLink{
	text-decoration: none;
	color: black;
	text-align: center;
	font-size:.8em;
}
.articlePic{
	display: block;
	position: relative;
	margin: auto;
	max-width:300px;
	height:170px;	
}
.articleTitle,.datePubbed{
	margin-top:5px;
	margin-bottom:5px;
}
.datePubbed{
	font-style:italic;
}
#articleLink:visited,#articleLink:hover{
	text-decoration: underline;
}
.toFullArticle a{
	text-decoration: none;
	color:#c59412;
}
.articleCard{
	display:flex;
	flex-direction: column;
	width:25%;
	position: relative;
	margin-top: 30px;
}
.articleCard > a{
	text-decoration: none;
	color:white;
	text-align:center;
}
.cardText{
	max-width:360px;
}
.cardText p{
	font-size:.7em;
}
@media only screen and (max-width:1400px){
	.articleCard{
		width:30%;
	}
}
@media only screen and (max-width:1200px){
	.articleCard{
		width:50%;
	}
	.cardText{
		max-width:100%;
	}
	.cardText p{
		font-size:.6em;
	}
}
@media only screen and (max-width:720px){
	.articleCard{
		width:100%;
	}

	.cardText p{
		font-size:.8em;
	}

}
@media only screen and (max-width:400px){
	.articlePic{
		max-width: 100%;
    		max-height: 170px;
	}
}