.gen_list {
	max-width: 100%;
	.list_item {
		margin-bottom: 5rem;
		min-height: 25vh;
	}
	a {
		text-decoration: none;
	}
	h3 {
		margin-top: 0rem;
	}
	.img {
		background-position: top center;
		background-repeat: no-repeat;
		position: relative;
		background-size: cover;
		height: calc(33vh / 2.4);
	}
	.img-only {
		width: 100%;
		height: 20vh;
		transition: all .2s ease-in-out;
		background-size: 100% auto;
		background-position: top; 
		background-repeat: no-repeat;
	}
}
	
@media (min-width: 640px) {
	.list {
		width: 68%;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (min-width: 768px) {

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

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

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

}