@charset "UTF-8";
/* Styles specific to table of contents page */
.global-nav {
	margin-top: -10px;
}	
.section-title {
	position: relative;
	text-align: center;
}
.section-title:before {
	background: none;
}
.section-title1 {
	color: #cc5831;
}
.section-title2 {
	color: #2999b1;
	font-weight: 700;
}
.section-title3 {
	color: #42c4dd;
}
.select-display-title {
padding: 5% 0 2% 0;
}
.news-1 {
	position: relative;
}
.news-1 img {
    backface-visibility: hidden;
    position: relative;
    transition: opacity 0.5s ease 0s;
    z-index: 1;
}
.news-1 h3 {
    left: 3%;
    opacity: 1;
    position: absolute;
    text-align: left;
    top: 22%;
    transform: translateY(-50%);
    transition: opacity 0.5s ease 0s;
    width: 32%;
    z-index: 2;
}
.news-1 .web-exclusive {
    bottom: 14%;
    left: 0;
    opacity: 1;
    position: absolute;
    text-align: left;
    transform: translateY(-50%);
    transition: opacity 0.5s ease 0s;
    width: 47%;
    z-index: 2;
}
.news-1 .btn {
    background-color: #ffffff;
    bottom: 2%;
    left: 2%;
    opacity: 1;
    position: absolute;
    text-align: left;
    transition: opacity 0.5s ease 0s;
    z-index: 2;
}
.news-1 .btn:hover, .btn:focus {
    background: #0b0b0b none repeat scroll 0 0;
    border-color: #0b0b0b;
    color: white;
}
.news-2 {
    text-align: center;
}
.news-2 img {
    padding: 0;
}
.news-2-sm {
    margin-top: 15px;
}
.news-2-sm-right {
    margin-bottom: 10%;
    margin-top: 20%;
}
/* news+notes hover effect */
.ImageWrapper {
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);
	display: block;
	overflow: hidden;
	position: relative;
}
.image-overlay {
	display: block;
	height: 100%;
	left: 50%;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all 0.3s ease 0s;
	width: 0;
}
.ImageWrapper:hover .image-overlay {
	left: 0;
	opacity: 1;
	width: 100%;
}
.overlay-link,
.overlay-link:hover {
	color: #fff;
	margin: -30px 0 0 2px;
	opacity: 0;
	position: absolute;
	text-align: center;
	top: 40%;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 95%;
	text-shadow: 2px 2px 5px #4D4D4D;
}
#commencement  .overlay-link {
	font-size: 1.1em;
}
.ImageWrapper:hover .overlay-link {
	opacity: 1;
	visibility: visible;
}
.overlay-dark-blue {
  background: rgba(0, 51, 73, 0.5) none repeat scroll 0 0;
}
.overlay-evms-blue {
  background: rgba(54, 124, 153, 0.5) none repeat scroll 0 0;
}
.overlay-gray {
  background: rgba(118, 106, 98, 0.5) none repeat scroll 0 0;
}
.overlay-light-blue {
  background: rgba(51, 194, 221, 0.5) none repeat scroll 0 0;
}
.overlay-rust {
  background: rgba(205, 89, 50, 0.5) none repeat scroll 0 0;
}
.overlay-tan {
  background: rgba(193, 191, 116, 0.5) none repeat scroll 0 0;
}
/* end overlay effect */
.newsListTitle {
	font-size: .9em;
}
.newsListTitle:hover .newsThumb {
	opacity: 1;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}
.newsThumb {
	max-width: 90px;
	position: absolute;
	left: -90px;
	margin-top: -25px;
	opacity: 0;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}
.classnotes {
    text-align: center;
}
.classnotes img {
    height: auto;
    padding: 0;
    width: 80%;
}
.classnotes h3 {
    text-align: left;
}
.toggle-list dt, .toggle-list dd {
	padding-top: 15px;
}
.toggle-list dt:first-child {
	padding-top: 0;
}
.toggle-closed {
	background: transparent url("../images/arrow-down-2x.png") no-repeat scroll right bottom;
}
.toggle-opened {
	background: transparent url("../images/arrow-up-2x.png") no-repeat scroll right bottom;
}
#mystory {
    padding-top: 30px;
}
#mystory .bgimage {
	background-image: linear-gradient(#e6e0cb 0%, #f7f7ee 20%, #f7f7ee 80%, #e6e0cb 100%);
	background-size: 100% auto;
	padding: 3% 2% 13% 2%;
	margin-top: 20%;
}
#mystory h3 {
	font-size: 1.5em;
	line-height: 1.1em;
	padding-bottom: 2%;
	margin: 15px 0 0 0;
}
.mystory-bg {
	background-image: linear-gradient(#e6e0cb 0%, #f7f7ee 20%, #f7f7ee 80%, #e6e0cb 100%);
	background-size: 100% auto;
	padding: 3% 2%;
}
.mystory-tagline {
	font-family: "jaf-bernino-sans-comp",sans-serif;
	font-size: 2em;
	font-weight: 500;
	line-height: 100%;
	text-align: center;
}
.mystory-tagline:first-of-type {
	margin-top: 3%;
	margin-bottom: 0;
}
.mystory-head {
	margin-top: -5px;
}
.btn-mystory {
	margin-top: 15px;
}
.tagline {
	font-family: "jaf-bernino-sans-comp",sans-serif;
	font-size: 2em;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	margin-top: 15px;
	padding-bottom: 15px;
	text-align: center;
}
.tagline-link {
	position: absolute;
	right: 6%;
}
.inFocus {
	width: 45%;
	-ms-transform-origin: none;
  -webkit-transform-origin: none;
  transform-origin: none;
	-webkit-transition: filter 1s, width 1s, transform 1s, transform-origin 1s;
	transition: filter 1s, width 1s, transform 1s, transform-origin 1s;
}
.inFocus:hover {
	-webkit-filter: none;
	filter: none;
	-ms-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
	-webkit-transition: filter 1s, width 1s, transform 1s;
	transition: filter 1s, width 1s, transform 1s;
}
.inFocus1 {
	-ms-transform: translate(8px,10px) scale(.9, .9);
	-webkit-transform: translate(8px,10px) scale(.9, .9);
	transform: translate(8px,10px) scale(.9, .9);
}
.inFocus4 {
	-ms-transform: translate(-10px,-10px) scale(.9, .9);
	-webkit-transform: translate(-10px,-10px) scale(.9, .9);
	transform: translate(-10px,-10px) scale(.9, .9);
}
.inFocus1:hover {
	-ms-transform: translate(-10px,-10px) scale(1.1, 1.1);
	-webkit-transform: translate(-10px,-10px) scale(1.1, 1.1);
	transform: translate(-10px,-10px) scale(1.1, 1.1);
}
.inFocus2:hover {
	-ms-transform: translate(10px,-10px) scale(1.1, 1.1);
	-webkit-transform: translate(10px,-10px) scale(1.1, 1.1);
	transform: translate(10px,-10px) scale(1.1, 1.1);
}
.inFocus3:hover {
	-ms-transform: translate(-10px,10px) scale(1.1, 1.1);
	-webkit-transform: translate(-10px,10px) scale(1.1, 1.1);
	transform: translate(-10px,10px) scale(1.1, 1.1);
}
.inFocus4:hover {
	-ms-transform: translate(10px,10px) scale(1.1, 1.1);
	-webkit-transform: translate(10px,10px) scale(1.1, 1.1);
	transform: translate(10px,10px) scale(1.1, 1.1);
}
@media (max-width: 400px) {
	.section-title {
		position: relative;
		text-align: center;
	}
	.section-title:before {
		background: none;
	}
	.newsList {
		padding-bottom: 10%;
	}
	.newsListTitle {
		font-size: .8em;
	}	
	.newsThumbLong {
		margin-top: -40px;
	}
	.newsThumb {
		max-width: 90px;
		left: -90px;
	}
}
@media (max-width: 600px) {
}
@media (min-width: 768px) {
	.section-title {
		position: relative;
		text-align: left;
	}	
	#news .section-title {
		text-align: center;
	}
	#alumni .section-title {
		text-align: left;
		left: 0;
		margin-bottom: 15px;
	}
	#inFocus .section-title {
		text-align: center;
	}
	.section-title:before {
		content: "";
		position: absolute;
		height: .04em;
		background: #33C2DD;
		background: -webkit-linear-gradient(left, #FFF, #77cfe0, #33C2DD, #33C2DD, #77cfe0, #FFF);
		background: -o-linear-gradient(right, #FFF, #77cfe0, #33C2DD, #33C2DD, #77cfe0, #FFF);
		background: -moz-linear-gradient(right, #FFF, #77cfe0, #33C2DD, #33C2DD, #d1d1d1, #FFF);
		background: linear-gradient(to right, #FFF, #77cfe0, #33C2DD, #33C2DD, #77cfe0, #FFF);
	}
	#alumni .section-title:before {
		background: none;
	}
	#support .section-title:before {
		top: 50%;
		left: 275px;
		width: 50%;
	}
	#mystory .section-title {
		z-index: 2;
	}
	#mystory .section-title:before {
		top: 50%;
		right: 0;
		width: 75%;
	}
	.newsListTitle {
		font-size: .6em;
	}
	.newsThumb {
		left: -70px;
		margin-top: -25px;
		max-width: 70px;
	}
	#mystory .bgimage {
		padding-bottom: 8%;
		margin-top: 10%;
	}
	.mystory-tagline {
		font-size: 3.21em;
		font-weight: 500;
		line-height: 100%;
		text-align: center;
		margin-left: -10%;
	}
	.mystory-tagline:first-of-type {
		margin: inherit;
	}
	.tagline {
			font-size: 1.8em;
	}
}
@media (min-width: 992px) {
	.section-title {
		position: relative;
		text-align: left;
	}
	#inFocus .section-title {
		text-align: center;
	}
	/*#news .section-title {
		-ms-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		width: 80%;
	}
	#news .section-title:before {
		top: 58%;
		right: 25%;
		width: 35%;
	}*/
	#news .section-title {
		text-align: left;
	}
	#news .section-title:before {
		top: 58%;
		right: 0;
		width: 75%;
	}
	#alumni .section-title {
		text-align: left;
		left: 0;
	}
	#alumni .section-title:before {
		content: "";
		position: absolute;
		height: .04em;
		background: #33C2DD;
		background: -webkit-linear-gradient(left, #FFF, #77cfe0, #33C2DD, #33C2DD, #77cfe0, #FFF);
		background: -o-linear-gradient(right, #FFF, #77cfe0, #33C2DD, #33C2DD, #77cfe0, #FFF);
		background: -moz-linear-gradient(right, #FFF, #77cfe0, #33C2DD, #33C2DD, #d1d1d1, #FFF);
		background: linear-gradient(to right, #FFF, #77cfe0, #33C2DD, #33C2DD, #77cfe0, #FFF);
		top: 50%;
		right: 0;
		width: 50%;
	}
	#support .section-title:before {
		top: 50%;
		left: 250px;
		width: 70%;
	}
	#mystory .section-title:before {
		top: 50%;
		right: 0;
		width: 70%;
	}
	#mystory .bgimage {
		margin-top: 0;
	}
	.newsThumb {
		left: -150px;
		max-width: 150px;
	}
	#mystory .bgimage {
		margin-left: 10%;
		padding-bottom: 2%;
		padding-right: 20%;
	}
	.tagline {
		position: absolute;
		right: 4%;
		text-align: center;
		top: 10%;
	}
	.tagline-link {
		bottom: 11%;
		right: 3%;
	}
	.mystory-tagline {
		font-size: 2.5em;
		font-weight: 500;
		line-height: 100%;
		text-align: center;
		margin-left: 0;
	}
	#inFocus {
		margin-top: 5%;
	}
}
@media (min-width: 1200px) {
	.section-title {
		position: relative;
		text-align: left;
	}
	#inFocus .section-title {
		text-align: center;
	}
	#alumni .section-title {
		margin: 80px auto 15px 0;
	}
	#alumni .section-title:before {
    right: -4%;
    top: 60%;
    width: 45%;
	}
	#support .section-title:before {
		top: 50%;
		right: 0;
		width: 20%;
	}
	#mystory .section-title:before {
		top: 50%;
		right: 0;
		width: 75%;
	}
	#news .section-title {
		-ms-transform: rotate(-90deg) translate(-1200px, -875px);
		-webkit-transform: rotate(-90deg) translate(-1200px, -875px);
		transform: rotate(-90deg) translate(-1200px, -875px);
	}
	#news .section-title:before {
		top: 58%;
		left: 40%;
		width: 150%;
	}
	.newsListTitle {
		font-size: .6em;
	}
	.ImageWrapper a,
	.ImageWrapper p {
			font-size: 1.5em;
			line-height: 1.2em;
	}
	#mystory .bgimage {
			margin-left: 5%;
			padding-bottom: 2%;
			padding-right: 18%;
	}
	.tagline {
			right: 4%;
			top: 15%;
			font-size: 2em;
	}
	.tagline-link {
			bottom: 15%;
			right: 4%;
	}
}
/** KF landing page general **/
/* From the President audio slider */
#pres-btn {
	padding: 0;
	margin: 0;
	border: 0;
	background-color: transparent;
	color: #000;
}
#pres-btn.glyphicon-volume-up {
	font-size: 1.3em;
	position: relative;
	top: 4px;
	left: 2px;
}
#pres-btn:hover {
	color: #cc5831;
}
.pres-close:before {
	content: "X";
}
.global-nav {
	float: right;
}
.global-nav a {
	color: #000;
}
.global-nav a:hover {
	color: #cc5831;
}
.top-nav {
	background-color: transparent;
}
.responsive-menu {
	top: 100%;
}
/*.pres {
	position: relative;
	left: -20%;
}
.pres a {
	position: relative;
	left: -8%;
}
#pres-btn {
	padding: 0;
	margin: 0;
	border: 0;
	background-color: transparent;
	font-size: 1.6em;
	position: absolute;
	top: -16%;
}
#pres-btn:hover {
	color: #cc5831
}*/
#pres-audio {
	display: none;
	background: transparent;
	display: none;
	float: right;
	position: absolute;
	right: 0;
	z-index: 99999;
}
/* end from the president audio slider */
.headline-black {
	color: #000;
	font-size: 1.5em;
	line-height: 1.1em;
	margin: 15px 0;    
}
.headline-blue {
	font-size: 1.5em;
	line-height: 1em;
	color: #2999b1;
	margin: 15px 0;
}
a.headline-blue:hover,
a:hover .headline-black,
.headline-black:hover {
	color: #cc5831;
}
.news-subhead {
	font-weight: bold;
}
.news-thumb {
	margin-top: 30px;
}
.news-thumb:last-of-type {
	margin-bottom: 30px;
}
/* 10px is flush against containing col */
.overlap-image-left {
	margin-left: -10px;
}
/* 10px is flush against containing col */
.overlap-image-right {
	margin-right: -10px;
}
.right-col {
	text-align: right;
}
@media (max-width: 767px) {
	.float-left,
	.float-right {
		float: none;
	}
	.right-col {
		text-align: left;
	}
}
/* sm */
@media (min-width: 768px) {
	.headline-blue {
		font-size: 2.5em;
	}
}
/* md */
@media (min-width: 992px) {
	.vertical-align-bottom div {
		float: none;
		display: inline-block;
		width: 49%;
	}
}
/* lg */
@media (min-width: 1200px) {
	.overlap-image-left {
		margin-left: -15px;
	}
	.overlap-image-right {
		margin-right: -15px;
	}
}
/** KF 8.5 issue specific **/
.feature-head {
	margin-bottom: 4%;
}
.feature-subhead {
	color: #367C99;
	font-size: 2.1em;
	font-family: "neuropol-x-light",sans-serif;
	line-height: 1.2em;
	text-align: left;
}
.rotate-icon {
	position: absolute;
	width: 15%;
	right: 0;
	bottom: 25%;
}
.model-print {
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
}
.model-img,
.model-img-bg {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 555px;
	height: auto;
}
.model-img-bg {
	z-index: 0;
	opacity: 1;
}
.model-img:nth-of-type(1){
	z-index: 1;
	animation: fade-in-1 8s ease 2s infinite;
	opacity: 1;
}
.model-img:nth-of-type(2){
	animation: fade-in-2 8s ease 2s infinite;
	z-index: 2;
}
.model-img:nth-of-type(3){
	animation: fade-in-3 8s ease 2s infinite;
	z-index: 3;
}
.model-img:nth-of-type(4){
	animation: fade-in-4 8s ease 2s infinite;
	z-index: 4;
}
.model-img:nth-of-type(5){
	animation: fade-in-5 8s ease 2s infinite;
	z-index: 5;
}
.model-img:nth-of-type(6){
	animation: fade-in-6 2s ease 8s infinite;
	z-index: 5;
}
@keyframes fade-in-2 {
	0% {opacity: 0;}
	25% {opacity: 1;}
	40% {opacity: 1;}
	60% {opacity: 0;}
	80% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes fade-in-3 {
	0% {opacity: 0;}
	20% {opacity: 0;}
	40% {opacity: 1;}
	60% {opacity: 1;}
	80% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes fade-in-4 {
	0% {opacity: 0;}
	20% {opacity: 0;}
	40% {opacity: 0;}
	60% {opacity: 1;}
	80% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes fade-in-5 {
	0% {opacity: 0;}
	20% {opacity: 0;}
	40% {opacity: 0;}
	60% {opacity: 0;}
	80% {opacity: 1;}
	90% {opacity: 1;}
	98% {opacity: 0;}
	100% {opacity:0;}
}
.left-cutout-copy.scientist-copy {
	margin-top: 20%;
}
.bounce-up {
  opacity: 0;
  -moz-transition: all 2s ease-out;
  -webkit-transition: all 2s ease-out;
  -o-transition: all 2s ease-out;
  transition: all 2s ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.bounce-up.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.sleep-caption {
	color: #FFF;
	text-shadow: 1px 1px 2px #666, 0 0 35px #33c2dd, 0 0 5px #367c99;
	z-index: 1;
}
.sleep-bullet {
	width: 240px;
}
.sleep-bullet:focus,
.sleep-bullet:hover {
	font-size: 1.05em;
	text-shadow: 1px 1px 2px #666, 0 0 35px #33c2dd, 0 0 5px #000;
}
.sleep-header {
	text-transform: uppercase;
	color: #367c99;
	font-weight: bold;
	text-shadow: none;
	font-size: 1.5em;
}
.match-day {
	background-color: #DAF8FE;
	padding: 10% 8%;
}
.match-day-container {
	margin-bottom: 3%;
}
.numbers-headline {
	border: thin solid #367c99;
	background: #FFF;
	width: 100%;
	text-align: center;
	padding: 0 2%;
	color: #367c99;
	text-transform: uppercase;
	font-size: 1.5em;
}
.numbers-headline a {
	font-size: 1.1em;
	color: #367c99;
}
.slick-next:before,
.slick-prev:before {
	color: #367c99;
	font-weight: bold;
	font-family: 'Glyphicons Halflings';
}
.slick-prev:before {
	content: "\e079";
}
.slick-next:before {
	content: "\e080";
}
.slider div p {
	margin: 0;
}
.sp-img {
	margin-left: auto;
	margin-right: auto;
}
.middleton-headline {
	margin-top: 15px;
}
.left-cutout-copy {
	text-align: left;
}
/* Carousel */
#carousel {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
#slides {
	overflow: hidden;
	/* fix ie overflow issue */
	position: relative;
	width: 325px;
	height: 150px;
}
/* remove the list styles, width = item width * total items */	
#slides ul {
	position: relative;
	left: 0;
	top: 0;
	list-style: none;
	margin-left: -15px;
	padding: 0;
	width: 1300px;
}
/* width of the item, in this case I put 250x250x gif */
#slides li {
	width: 325px;
	height: 150px;	
	float: left;
	font-weight: bold;
}
.num {
	font-size: 1.3em;
}
/* Styling for prev and next buttons */
#carousel button {
	display: block;
	background: none;
	border: none;
	font-weight: bold;
}
.clear {
	clear: both;
}
/* end carousel */
/* Graduation flashing */
.flash {
	width: 5px;
	height: 5px;
	background: rgba(255,255,255,0.1);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 15px;
	position: absolute;
	top: 15%;
	left: 15%;	
	/*-webkit-animation: bulbFlash 5s linear 2s infinite alternate;
	animation: bulbFlash 300ms linear 2s infinite alternate;*/
}
.flash:after {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.grad-story-title {
	font-weight: 600;
	font-size: 2.7em;
	color: #2999B1;
	text-align: center;
}
.grad-link:hover  .grad-caption,
.grad-link:hover  .grad-title {
	color: #CC5831;
}
.grad-title {
	color: #000;
	text-align: center;
}
.grad-video {
	width: 90%;
	position: relative;
	left: 5%;
}
.grad-caption {
	color: #fff;
	font-family: "jaf-bernino-sans-comp",sans-serif;
	font-stretch: extra-expanded;
	font-size: 1.5em;
	text-align: center;
	position: absolute;
	z-index: 10;
	bottom: 3%;
	left: 0;
	text-shadow: 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000, 2px 2px 5px #000;
	line-height: 1.1em;
}
.btn-grad {
	width: 70%;
	text-align: center;
	margin-top: 30px;
}
.grad-tile-complete > .overlay-link {
	opacity: 1;
	visibility: visible;
}
.grad-tile-progress > .overlay-link {
	/*text-shadow: 2px 2px 5px #4D4D4D, 2px 2px 5px #000;*/
	text-shadow: 2px 2px #000, 2px 2px 5px #000, 2px 2px 5px #4D4D4D;
}
@keyframes bulbFlash {
	0% {
		width: 0;
		height: 0;
		background: rgba(255,255,255,0.1);
	}
	100% {
		width: 30px;
		height: 30px;
		background: rgba(255,255,255,0.7);
	}
}
/* end graduation flashing */
/* Model Medicine story */
.info-description {
	font-weight: 700;
	color: #43b4ba;
	font-size: 1.5em;
	line-height: 1.3em;
}
ol.info-list {
	counter-reset: li;
	margin-left: 0;
	padding-left: 0;
}
ol.info-list > li {
	position: relative;
	margin: 0 0 6px 2em;
	padding: 4px 8px;
	list-style: none;
	font-weight: 700;
}
ol.info-list > li:before {
	content: counter(li); 
	counter-increment: li;
	/* Position and style the number */
	position: absolute;
	top: 12%;
	left: -2em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 2em;
	/* Some space between the number and the content in browsers that support
	   generated content but not positioning it (Camino 2 is one example) */
	margin-right: 8px;
	padding: 4px;
	text-align: center;	
	background: #d35a25;
	color: #fff;
}
/* sm */
@media (min-width: 768px) {
/* Model Medicine story */
.info-description {
	text-align: right;	
}
	.feature-subhead {
		text-align: right;
		font-size: 1.8em;
		line-height: 1.2em;
		margin-top: -1%;
	}
	.scientist-subhead {
		/*width: 55%;*/
		float: right;
	}
	.scientists-img {
		max-width: 110%;
		width: 110%;
		position: relative;
		right: 1.5%;
	}
	.sleep-col {
		position: relative;
		right: 0;
		top: -31.5%;
	}
	.sleep-img {
		position: relative;
		left: -13%;
	}
	.sleep-caption {
		position: absolute;
		right: 20%;
		width: 30%;
	}
	.sleep-headline,
	.sleep-text {
		position: static;
	}
	.sleep-headline {
		top: 85%;
	}
	.sleep-text {
		top: 100%;
	}
	.tile5 {
		position: absolute;
		top: 372px;
		left: 2px;
		width: 155px;
		height: 155px;
	}
	.match-day {
		padding: 10% 8% 85% 8%;
		top: -13px;
		position: absolute;
		max-width: 70%;
		background-image: -moz-linear-gradient(#DAF8FE 0%, #DAF8FE 60%, #fff 100%);
		background-image: -webkit-linear-gradient(#DAF8FE 0%, #DAF8FE 60%, #fff 100%);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DAF8FE), color-stop(0.6, #DAF8FE), to(#fff));
		background-image: -o-linear-gradient(#DAF8FE 0%, #DAF8FE 60%, #fff 100%);
		background-image: linear-gradient(#DAF8FE 0%, #DAF8FE 60%, #fff 100%);
	}
	.match-map {
		padding-bottom: 1%;
	}
	.match-day-container {
		margin-top: -20%;
		margin-left: 10%;
		margin-botton: auto;
	}
	.standardized-patients {
		position: absolute;
		right: 0;
		top: 30%;
	}
	.spotlight {
		margin-bottom: 15px;
	}
	.info:hover {
		cursor: pointer;
		cursor: zoom-in;
	}
	.fine-headline {
		position: relative;
		right: -1%;
		text-align: right;
		top: 385px;
	}
	.guam-flag {
		position: absolute;
		top: 30%;
		right: 0;
		width: 70%;
	}
	.left-cutout-copy {
		text-align: right;
	}
	#infocus-header {
		left: 30%;
	}
}
/* md */
@media (min-width: 992px) {	
	.model-title {
		top: 365%;
		left: -2px;
		max-width: 550px;
		width: 482px;
		/*clip:rect(0px,558px,60px,0px);*/
	}
	.model-img,
	.model-img-bg {
		top: 0;
		left: 0;
		/*clip:rect(0px,555px,259px,0px);*/
	}
	.sleep-col {
		right: -2%;
		top: auto;
		margin-top: 9%;
	}
	.sleep-headline,
	.sleep-text {
		position: absolute;
		left: -5%;
	}
	.feature-video {
		position: relative;
		top: 180px;
		right: -30px;
	}
	.match-map {
		margin-top: -5%;
	}
	.sleep-print {
		position: absolute;
		z-index: 10;
		top: 72%;
		right: 4%;
	}
}
/* lg */
@media (min-width: 1200px) {
	.model-print {
		right: 6%;
	}
	.model-title {
		top: 459%;
		left: 0;
		max-width: 560px;
		width: 557px;
	}
	.model-img,
	.model-img-bg {
		top: 0;
		left: 0;
	}
	.left-cutout-headline-container {
		font-size: .9em;
		float: right;
	}
	.left-cutout-copy.scientist-copy {
		margin-top: -1%;
	}
	.scientists-img {
		max-width: 110%;
		width: 110%;
		position: relative;
		right: 1.5%;
		top: 1%;
	}
	.sleep-col {
		position: absolute;
		right: 6%;
		top: -31.5%;
		margin-top: auto;
	}
	.match-map {
		margin-top: -25%;
	}
	.btn-mystory-all {
		float: right;
		vertical-align: bottom;
		/*margin-top: -3.2%;*/
	}
	#infocus {
		position: relative;
		right: -3%;
	}
	.grad-caption {
		left: 10%;
	}
	.coming-soon {
		font-size: .8em;
	}
	.alumni-spacer {
		height: 250px;
	}
	.support-spacer {
		height:150px;
	}
	#bottom-row {
		position: relative;
		top: -100px;
	}
	.liberty-tax {
		position: relative;
		top: -150px;
	}
	#news {
		position: relative;
		top: -100px;
	}
	.middleton-headline,
	.middleton-text {
		width: 95%;
		position: relative;
		right: -5%;
	}
	.newman {
    left: -6%;
    position: relative;
    top: -250px;
	}
	.mph {
		position: relative;
		top: 300px;
		z-index: 1;
	}
	.mph-bg:before {
    background: rgb(245, 244, 226) none repeat scroll 0 0;
    border-radius: 0 50px;
    bottom: -105%;
    content: "";
    height: 120%;
    position: absolute;
    right: 16%;
    width: 85%;
	}
	.mph-headshot {
    left: 407px;
    position: absolute;
    top: 30%;
    width: 27%;
    z-index: 1;
	}
	.guam-flag {
    left: 42%;
    position: absolute;
    top: 80%;
    width: 68%;
    z-index: 1;
		margin: auto;
	}
	.sunset {
    left: 600px;
    position: absolute;
    top: 450px;
    width: 60%;
	}
	.class-notes-col {
		position: relative;
		left: -8.4%;
	}
	.notes {
			right: 9.5%;
	}
	#support {
			right: -30px;
	}
}
@media (min-width:1200px) and (max-width:1350px) {
	.pull-quote {
		float: left;
		margin-left: auto;
		width: 40%;
	}
}