/* Min 800px Height Screen Resolution */
@media screen and (min-device-height: 800px) and (max-device-height: 1000px) {
    div#pathwayContainer, div#pathwayContainerLowerLevel {
        max-height: 340px
        }
    .startScroll {
        padding-top: 300px
        }
    .startSwipe {
        padding-top: 300px
        }
    #pin {
        padding-top: 270px !important
        }
    .prep-0, .prep-1 {
        max-height: 650px;
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        top: 0
        }
    .careerLevelSm, .careerLevelLg {
        transform: scale(0.85);
        -webkit-transform: scale(0.85);
        min-height: 735px;
        top: 0
        }
    .tidbit, .easter-egg, .easter-egg-detail {
        transform: scale(0.85);
        -webkit-transform: scale(0.85)
        }
    .pathRequirementsSm, .careerSm, .pathEndSm, .pathChoiceSm, .pathChoiceBkSm {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        margin-top: 100px
        }
    .pathRequirementsLg, .careerLg, .pathEndLg, .pathChoiceLg, .pathChoiceBkLg {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        margin-top: 50px
        }
    .pathChoiceNext, .pathChoiceBack {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        margin-top: 235px
        }
    }
/* ----------- Non-Retina Screens ----------- */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
    .carousel-control {
        font-size: 4em
        }
    .carousel-control.left {
        left: -45px
        }
    .carousel-control.right {
        right: 10px
        }
    .translate-and-share {
        padding-right: 0
        }
    }
/* ----------- Retina Screens ----------- */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    .carousel-control {
        font-size: 4em
        }
    .carousel-control.left {
        left: -45px
        }
    .carousel-control.right {
        right: 10px
        }
    .translate-and-share {
        padding-right: 0
        }
    }
/* ----------- Non-Retina Screens - Under 1440 Width ----------- */
@media screen and (min-device-width: 1200px) and (max-device-width: 1440px) and (-webkit-min-device-pixel-ratio: 1) {
    .svgOverview svg {
        transform: scale(0.8)
        }
    }