h4 {
	margin: 0 0 15px 0;
}

.news-article {
	display:flex;
	background-color: #ddd;
	padding:10px;

	align-items: center;
}

.children1 .news-article:nth-child(even) {
	background: #f1f1f1;
}

.children2 .news-article:nth-child(even) {
	background: #f1f1f1;
}

.children1 .news-article:hover,
.children2 .news-article:hover
 {
	background-color: #ccc;
}

.news-article a {
	margin:20px 0px 0 0;
	cursor: pointer;
}

.source-date {
	font-size:.875rem;
	color:#333;
	width:200px;
	background:;
	border-right:1px solid #111;
}

.history-p p {
	margin:0 0 0 20px;
	width:400px;
}

a {
	text-decoration:;
}

span {
	
}

.news-article h5 {
	width:60%;
	margin: 0 0 0 20px;

}

/*===============================

responsive

===============================*/

@media only screen and (max-width: 900px) {
}

@media only screen and (max-width: 820px) {
	.news-article {
		flex-direction: column-reverse;

	}
}

@media only screen and (max-width: 700px) {	
}

@media only screen and (max-width: 610px) {
}

@media only screen and (max-width: 500px) {
	.history-p {
		width:250px;
	}

	.history-p p{
		background:;
		width:250px;
	}

	.news-article {
		align-items:flex-start;
		width:300px;
	}
	.source-date {
		margin-left:20px;
		border-right:none;
	}
}