@media only screen and (min-width: 500px){
	.article-list{
		display: flex;
		flex-wrap: wrap;
		text-align: left;
		font-size: 20px;
		padding-bottom: 100px;
		padding-left: 100px;
		padding-right: 100px;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
	.article-list ul{
		width: 50%;
	}
}
@media only screen and (max-width: 500px){
	.article-list{
		display: flex;
		flex-wrap: wrap;
		text-align: left;
		font-size: 20px;
		padding-bottom: 100px;
		padding-left: 30px;
		padding-right: 30px;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
	.article-list ul{
		width: 100%;
	}
}


.article-list li{
	padding-top: 30px;

}
.article-list a{
	color: #4c4c4c;
}
.article-list a:hover {
    color: #4a90e2;
}