/* Fix for Headline on mobile view */
.page-overview .section-overview .section-hero-headline .product-headline{font-size:74px;}
@media only screen and (max-width: 1068px){.page-overview .section-overview .section-hero-headline .product-headline{font-size:56px;}}
@media only screen and (max-width: 735px){.page-overview .section-overview .section-hero-headline .product-headline{font-size:40px;}}

/* nav fix for viewport */
@media screen and (min-width: 767px) and (max-width: 812px) {#ac-localnav .ac-ln-menu-item{margin-left: 15px !important;}}

/*Hour of code*/
.page-overview .hour-of-code-2017{background:#EDFCF9}.page-overview .hour-of-code-2017 .section-content{padding-top:120px;padding-bottom:170px}
@media only screen and (max-width: 1068px){.page-overview .hour-of-code-2017 .section-content{padding-top:102px;padding-bottom:100px}}
@media only screen and (max-width: 735px){.page-overview .hour-of-code-2017 .section-content{padding-top:55px;padding-bottom:55px}}.page-overview .hour-of-code-2017 .hour-of-code-image{width:352px;height:422px;background-size:352px 422px;background-repeat:no-repeat;background-image:url("https://images.apple.com/v/education/education/i/images/shared/hoc-2017/robot_large.png");right:108px}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){.page-overview .hour-of-code-2017 .hour-of-code-image{background-image:url("https://images.apple.com/v/education/education/i/images/shared/hoc-2017/robot_large_2x.png")}}
@media only screen and (max-width: 1068px){.page-overview .hour-of-code-2017 .hour-of-code-image{width:302px;height:362px;background-size:302px 362px;background-repeat:no-repeat;background-image:url("https://images.apple.com/v/education/education/i/images/shared/hoc-2017/robot_medium.png")}}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi){.page-overview .hour-of-code-2017 .hour-of-code-image{background-image:url("https://images.apple.com/v/education/education/i/images/shared/hoc-2017/robot_medium_2x.png")}}
@media only screen and (max-width: 735px){.page-overview .hour-of-code-2017 .hour-of-code-image{width:281px;height:339px;background-size:281px 339px;background-repeat:no-repeat;background-image:url("https://images.apple.com/v/education/education/i/images/shared/hoc-2017/robot_small.png")}}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi){.page-overview .hour-of-code-2017 .hour-of-code-image{background-image:url("https://images.apple.com/v/education/education/i/images/shared/hoc-2017/robot_small_2x.png")}}
@media only screen and (max-width: 1068px){.page-overview .hour-of-code-2017 .hour-of-code-image{right:45px}}
@media only screen and (max-width: 735px){.page-overview .hour-of-code-2017 .hour-of-code-image{right:auto}}
@media only screen and (max-width: 735px){.page-overview .hour-of-code-2017 .hour-of-code-image{margin-top:53px}}.page-overview .hour-of-code-2017 .hour-of-code-logo{width:72px;height:72px;background-size:72px 72px;background-repeat:no-repeat;background-image:url("https://images.apple.com/v/education/education/i/images/shared/hoc-2017/logo_large.png");margin-bottom:44px}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){.page-overview .hour-of-code-2017 .hour-of-code-logo{background-image:url("https://images.apple.com/v/education/education/i/images/shared/hoc-2017/logo_large_2x.png")}}
@media only screen and (max-width: 1068px){.page-overview .hour-of-code-2017 .hour-of-code-logo{width:69px;height:69px;background-size:69px 69px;background-repeat:no-repeat;background-image:url("https://images.apple.com/v/education/education/i/images/shared/hoc-2017/logo_medium.png")}}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi){.page-overview .hour-of-code-2017 .hour-of-code-logo{background-image:url("https://images.apple.com/v/education/education/i/images/shared/hoc-2017/logo_medium_2x.png")}}
@media only screen and (max-width: 735px){.page-overview .hour-of-code-2017 .hour-of-code-logo{width:62px;height:62px;background-size:62px 62px;background-repeat:no-repeat;background-image:url("https://images.apple.com/v/education/education/i/images/shared/hoc-2017/logo_small.png")}}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi){.page-overview .hour-of-code-2017 .hour-of-code-logo{background-image:url("https://images.apple.com/v/education/education/i/images/shared/hoc-2017/logo_small_2x.png")}}
@media only screen and (max-width: 735px){.page-overview .hour-of-code-2017 .hour-of-code-logo{margin-bottom:31px}}
@media only screen and (max-width: 735px){.page-overview .hour-of-code-2017-text{max-width:510px}}.page-overview .hour-of-code-2017 .section-hero-headline{width:104%}
@media only screen and (max-width: 1068px){.page-overview .hour-of-code-2017 .section-hero-headline{width:auto}}.page-overview .hour-of-code-2017-image{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);position:absolute}
@media only screen and (max-width: 735px){.page-overview .hour-of-code-2017-image{-webkit-transform:translateY(0);transform:translateY(0);position:relative;top:auto}}

/*IT Section*/
@media screen and (min-width:768px) { .page-education .section-it .section-content .intro .it_medium { white-space: nowrap; }}
@media only screen and (max-width: 735px){ .page-overview .section-it { height: 565px; } .page-overview .section-it .image-it { top: 560px; } }
@media only screen and (max-width: 1068px){  .page-overview .section-it.section-hero {min-height: 995px!important;}}