#institutions img {
	width: 24%;
	margin: 0.5em 4% 1em 4%;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}
@media only screen and (max-width: 700px) {
	#institutions img { width: 41%; }
}
@media only screen and (max-width: 300px) {
	#institutions img { width: 80%; }
}
#institutions img.blur {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	opacity: 0.25;
	filter: alpha(opacity = 25);
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}
.institution {
	float: left;
	padding-bottom: 1.5em;
	width: 100%;
}
.institution h2 {
	border-top: 1px solid #396;
	border-bottom: 1px solid #396;
	font-size: 1.5em;
	color: #006e2e;
	margin: 1em 0 0 0;
	text-align: center;
	text-shadow: -1px -1px #fff, 1px 1px #999, 1px 1px #fff, -1px -1px #444;
}
.courses {
	width: 48%;
}
@media only screen and (min-width: 450px) {
	.courses { width: 100%; float: none !important; }
	.courses ul {
		-moz-column-count: 2;
		-moz-column-gap: 1em;
		-webkit-column-count: 2;
		-webkit-column-gap: 1em;
		column-count: 2;
		column-gap: 1em;
	}
}
@media only screen and (max-width: 450px) {
	.courses { width: 100%; float: none !important; }
}
.courses h3 {
	border-bottom: 1px solid  #ccc;
	clear: both;
	margin: 1em 0 0.75em 0;
}
.courses li {
	margin: 0 0.5em 0.75em 0.5em;
	text-wrap: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.courses li a, .courses li a:visited {
	color: #666;
}
.courses li a:hover {
	color: #56108d;
}
.courses li span {
	color: #2989d8;
}