.program {}
.program.col {
	width: 31%;
	margin: 1%;
	float: left;
}
.program .left {
	width: 23%;
	margin-right: 2%;
	float: left;
}
.program .right {
	width: 75%;
	float: left;
}
.program.col img {
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	filter: brightness(70%);
}
.program.col:hover img {
	filter: brightness(40%);
}
.program.col .name {
	position: absolute;
	bottom: 120px;
	text-align: center;
	color: #fff;
	width: 90%;
	left: 5%;
	font-size: 26px;
}
@media (max-width:1100px) {
	.program.col {
		width: 48%;
		margin: 1%;
	}
}
@media (max-width:1000px) {
	.program .right,
	.program .left,
	.program.col {
		width: 100%;
		margin: 10px 0;
		text-align: center;
	}
	.program.col .name {
		font-size: 28px;
	}
}