.intro{ background: #EBFDFF; margin-bottom: 4.688em;  padding-bottom: 3.438em; }
	.intro p{  font-size: 1.25em; line-height: 1.5em;}
	.intro__header { font-weight: bold; text-transform: uppercase; font-size: 2.2rem; line-height: 3rem; color: white; display: inline-block; background: black; padding: 10px 20px; margin-top: -51px; margin-bottom: 1.125em; }		  
	.studentWork { margin-bottom: 2.813em; }			  
	.studentWork li{ margin-bottom: 15px; position: relative; }	  
	.schoolName{ position: absolute; bottom: 50px; left: 30px; }
	.schoolName span{ display: inline-block; background: #000; color: #fff; font-size: 1.875em; line-height: 1.2em; font-weight: 900; text-transform: uppercase; margin-bottom: 0.333em; padding: 5px 10px; }
	.schoolName span:first-child{ font-size: 1.25em; line-height: 1.5em; margin-bottom: .5em; padding: 3px 10px; }
	@media (max-width:850px) { 
		.intro__header{ font-size: 1.5em; line-height: 2.25em; }
		}
	@media (min-width:709px) {

	}
	@media (max-width:650px) {

				  }
	@media (max-width:475px) {  
		.schoolName span{ font-size: 20px; line-height: 24px; padding: 4px 8px; }
		.schoolName span:first-child{ font-size: 14px; line-height: 18px; padding: 3px 8px; }
	}

a img {
  opacity: 1; /* Default opacity is fully opaque */
  transition: opacity 0.3s ease; /* Smooth transition for the opacity change */
}

a img:hover {
  opacity: 0.8; /* Makes the image 20% transparent on hover */
}