.yarpp-related{
	width: 100%;
	margin-bottom:1em;
	margin-top:1em;
}
.connection_list{
	display: flex;
   flex-wrap: wrap;
}
.connection_list>div{
	width: 50%;
	padding: 0 0.5rem 1rem 0;
}
.connection_list .thumbnail{
	width: 100%;
	height: auto;
	min-height: 220px;
}
.connection_list .thumbnail img{
	width: 100%;
	height: auto;
	min-height: 220px;
	object-fit: cover;
}

.connection_list .title a{
	color: #333;
}
.connection_list .title a:hover {
	color: #e0c1ff;
	text-decoration: none;align-content;
}

@media screen and (max-width: 926px){
	.connection_list .thumbnail{
		width: 100%;
		height: auto;
		min-height: 120px;
	}
	.connection_list .thumbnail img{
		width: 100%;
		height: auto;
		min-height: 120px;
		object-fit: cover;
	}
}