/*------------------------------------*\
   LOCAL SCREENS
\*------------------------------------*/




/*------------------------------------*\
   END LOCAL SCREENS
\*------------------------------------*/ 




/*------------------------------------*\
   LOCAL FIXES
\*------------------------------------*/

@media (max-height: 440px) {
	.section-hero .lockup {
		top: 175px;
		bottom: -28px;
	}
}

.section-hero .section-content {
    min-height: 700px;
}

@media only screen and (max-width: 1068px) {
    .section-hero .section-content {
         min-height:730px;
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .section-content {
        min-height: 440px;
    }
}

@media only screen and (max-width: 320px) {
	.section-hero .section-content {
		min-height: 640px;
	}
	.typography-hero-headline.will-change {
		font-size: 32px;
	}
}

.section-hero .watch-on-cta-wrapper {
    margin-top: 52px;
}

@media only screen and (max-width: 1068px) {
    .section-hero .watch-on-cta-wrapper {
        margin-top:71px
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .watch-on-cta-wrapper {
        margin-top:86px
    }
}

.typography-router-headline .footnote-number {
  font-size: 0.8em;
}

.typography-router-headline sup {
  top: -0.2em;
}

@media only screen and (max-width: 734px) {
    .section-routers .student-plan-router {
    	height: 550px;
    }
}

@media only screen and (max-width: 1068px) {
	.section-shows .show-marquee li .hover .custom-button {
		font-size: 12px;
		padding-left: 12px;
		padding-right: 12px;
	}
}


@media only screen and (max-width: 734px) {
  html.ios .section-hero .controls, html.touch .section-hero .controls, html.ios .section-hero .controls, html.touch .section-hero .controls {
    top: 145px;
  }
}

@media only screen and (max-width: 734px) {
  .typography-hero-headline {
    font-size: 32px;
  }
}

/*------------------------------------*\
   END LOCAL FIXES
\*------------------------------------*/