/*.groups {overflow:hidden; margin: 40px 0 0 0;}
	.groups .group { width: 49%; float: left; margin: 0 2% 2% 0; box-sizing: border-box; border: 1px solid #d2d2d2; padding: 40px 30px; }
	.groups .group:nth-child(even) {margin: 0 0 2% 0;}*/
		/*.groups .group a { display: block; padding: 40px 30px; overflow:hidden; }*/
/*.group .image { width: 30%; float: left; margin: 0 10% 0 0; text-align: center; height: 120px; }
	.group .image img {max-width: 100%; max-height: 100%; }
	.group .info {width: 60%; float:left;}
		.group .info h3 {margin:0;}
		.group .info h3 a { color: #35ABCA; font-size: 18px; margin: 0; text-decoration: none; font-weight: bold; }
		.group .info h4 { color: #35ABCA; font-weight: 100; font-size: 16px; margin: 0; }
		.group .info p {font-weight: bold; font-size: 18px;}
		.group .info p a { font-weight: bold; font-size: 18px; }*/

.groups { max-width: 1215px; display: flex; justify-content: flex-start; gap: 15px 1.3%; flex-wrap: wrap; margin: 0px auto; }
	.groups .group { background: #F8F8FA; border-radius: 10px; width: 24%; box-sizing: border-box; }
	.groups.three-column .group {width: 32%;}
		.groups .group .image { height: 164px; padding: 30px 0; box-sizing: border-box; }
			.groups .group .image a { display: flex; justify-content: center; align-items: center; height: 100%; }
			.groups .group .image img { max-width: 50%; width: 100%; height: 100%; mix-blend-mode: darken; object-fit: contain; }
		.groups .group .info { padding: 0px 40px 40px; }
			.groups .group .info .groupName { font-size: 16px; color: #000; font-weight: lighter; text-align: center; text-decoration: none; word-break: break-word; }
				.groups .group .info .groupName a { text-decoration: none; }
				.groups .group .groupHeader {font-size: 14px; color: #000;  text-align:center;}
				.groups .group .info p {font-size: 14px; color:#000;}
				.groups .group .info p a {text-decoration:none;}


@media screen and (max-width: 860px) {
	.groups { margin: 15px 0 30px 0; gap: 15px 2%; }
		.groups .group {width: 49%;}
}

@media screen and (max-width: 600px) {
	.groups.three-column .group,
	.groups .group { width: 49%; }
	.groups .group .image {padding: 10px 0; gap: 10px 2%;}
	.groups .group .info{padding: 0 10px 10px;}
}

@media screen and (max-width: 400px) {
	.groups { gap: 7.5px 2%; gap: 5px 2%; }
	.groups .group .info { padding: 0 10px 10px; }

}
	/*
@media screen and (max-width: 1100px) { .groups .group {width: 100%; float:none; margin: 0 0 20px 0; overflow:hidden;}
			.groups .group:nth-child(even) { margin: 0 0 20px 0; }
			.group .image img { max-width: 100%; max-height: none; }
		}

@media screen and (max-width: 600px) {
	.groups .group a { padding: 20px; }
	.group .image { width: 26%; margin: 0 4% 0 0; height: auto; }
	.group .info { width: 70%; float: left; }
		.group .info h3 { font-size: 16px; }
		.group .info h4 { font-size: 14px; }
		.group .info p { font-size: 14px; }
}

@media screen and (max-width: 480px) {
	.groups .group a { display:flex; align-items: center; }
	.groups .group a { padding: 10px; }
	.group .info h3 { font-size: 14px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	.group .info h4 { font-size: 12px; }
	.group .info p { font-size: 12px; }

}*/