.gen_list {
	max-width: 100%;
	.list_item {
		margin-bottom: 5rem;
		min-height: 25vh;
		&:hover {
			.readmore {
				text-decoration: underline;
			}
		}
	}
	a {
		text-decoration: none;
	}
	h3 {
		margin-top: 0rem;
	}
	.text > img {
		width: 64%;
	}
	.img-only {
		height: 40vh;
		background-size: 100% auto;
		background-position: top; 
		background-repeat: no-repeat;
	}
	.articlemeta {
		margin-bottom: 1em;
		&:first-child {
			font-weight: bold;
		}
	}
	.readmore {
		margin-top: 1em;
		text-align: right;
	}
}
	
@media (min-width: 640px) {
	.list {
		width: 68%;
	}
}
@media (min-width: 768px) {

}
@media (min-width: 1024px) {

}
@media (min-width: 1280px) {

}
@media (min-width: 1920px) {

}