.sports_list {
	display: grid;
	grid-template-columns: 1fr;
	column-gap: 50px;
	row-gap: 50px;
}


.sports_list__item:hover .sports_list__item__photo {
	opacity: 0.8;
}

.sports_list__item__photo {
	display: block;
	aspect-ratio: 3/2;
	width: 100%;
	background-color: #999;
	background-position: center center;
	background-size: cover;
	transition: all 0.5s ease;
}

.sports_list__item__name {
	display: block;
	font-family: var(--feature-font);
	font-size: 22px;
	font-weight: 600;
	margin: 10px 0;
}

.sports_list__item__teaser {
	line-height: 150%;
}

@media only screen and (min-width: 850px) {

	.sports_list {
		grid-template-columns: 1fr 1fr;
	}
	
}