.corner-hero {
	background-color: #222;
	background-image: url('/commencement/images/heroMortarboards.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	color: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
}

.corner-hero h1 {
	font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: 300;
	font-size: 250%;
	text-transform: uppercase;
}

.corner-box {
	padding-top: 30px;
	padding-bottom: 30px;
}

.video-image {
	background-color: #333;
	display: block;
	width: 100%;
	height: auto;
}

.video-image::after {
	background-image: url('/images/feature-youtube-play-button-red.png');
	background-size: contain;
	content:'';
	position: absolute;
	width: 50px;
	height: 37px;
	left: 50%;
	margin-left: -25px;
	bottom: 50%;
	margin-bottom: -18px;
}

.video .video-image {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: 50%;
	position: relative;
	margin-bottom: 6px;
	text-decoration: none;
	transition: all .2s ease;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}

.video:hover .video-image {
	transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
}

.corner-intro {
	background-color: #efefef;
}

.corner-sga {
	background-color: #4c2683;
	background-image: url('/commencement/images/bg-keynote-grads.jpg');
	background-size: cover;
	color: #fff;
}

.corner-keynote {
	background-color: #ffffff;
	background-image: url('/commencement/images/bg-cap.jpg');
	background-size: cover;
}

.corner-senior-award {
	background-color: #f68b1f;
	background-image: url('/commencement/images/bg-soba.jpg');
	background-size: cover;
	color: #fff;
}

.corner-eykamp-prize {
	background-color: #efefef;
	background-image: url('/commencement/images/bg-eykamp.jpg');
	background-size: cover;
}

.corner-teacher-award {
	background-color: #4c2683;
	background-image: url('/commencement/images/bg-olmsted.jpg');
	background-size: cover;
	color: #fff;
}

.corner-slideshow {
	background-color: #ffffff;
	background-image: url('/commencement/images/bg-ue-pattern-white.jpg');
}

.corner-alumni {
	background-color: #111;
	color: #fff;
}

.corner-alumni a {
	color: #f68b1f;
}

.thumb-corner-welcome .video-image { background-image: url('/commencement/images/thumb-corner-welcome.jpg'); }
.thumb-sga-message .video-image { background-image: url('/commencement/images/thumb-sga-message.jpg'); }
.thumb-senior-keynote .video-image { background-image: url('/commencement/images/thumb-senior-keynote.jpg'); }
.thumb-senior-award .video-image { background-image: url('/commencement/images/thumb-senior-award.jpg'); }
.thumb-eykamp-prize .video-image { background-image: url('/commencement/images/thumb-eykamp-prize.jpg'); }
.thumb-teacher-award .video-image { background-image: url('/commencement/images/thumb-teacher-award.jpg'); }
.thumb-slideshow .video-image { background-image: url('/commencement/images/thumb-slideshow.jpg'); }
.thumb-alumni-welcome .video-image { background-image: url('/commencement/images/thumb-alumni-welcome.jpg'); }

/* Small devices (tablets, 480px and up) */
@media (min-width: 480px) {

	.corner-hero {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

	.corner-hero {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.corner-copy.left {
		padding-right: 30px;
	}
	
	.corner-copy.right {
		padding-left: 30px;
	}
	
	.corner-box {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	
}