.image-keynote-collaborate {
    background-image: url("/keynote/images/keynote/collaborate_large.jpg")
}

@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) {
    .image-keynote-collaborate {
        background-image:url("/keynote/images/keynote/collaborate_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-keynote-collaborate {
        background-image: url("/keynote/images/keynote/collaborate_medium.jpg")
    }
}

@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) {
    .image-keynote-collaborate {
        background-image:url("/keynote/images/keynote/collaborate_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image-keynote-collaborate {
        background-image: url("/keynote/images/keynote/collaborate_small.jpg")
    }
}

@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) {
    .image-keynote-collaborate {
        background-image:url("/keynote/images/keynote/collaborate_small_2x.jpg")
    }
}

.image-keynote-know-slides-updated {
    background-image: url("/keynote/images/keynote/know_slides_updated_large.jpg")
}

@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) {
    .image-keynote-know-slides-updated {
        background-image:url("/keynote/images/keynote/know_slides_updated_large_2x.jpg")
    }
}


.image-keynote-hero {
    background-image: url("/keynote/images/keynote/hero_large.jpg")
}

@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) {
    .image-keynote-hero {
        background-image:url("/keynote/images/keynote/hero_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-keynote-hero {
        background-image: url("/keynote/images/keynote/hero_medium.jpg")
    }
}

@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) {
    .image-keynote-hero {
        background-image:url("/keynote/images/keynote/hero_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image-keynote-hero {
        background-image: url("/keynote/images/keynote/hero_small.jpg")
    }
}

@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) {
    .image-keynote-hero {
        background-image:url("/keynote/images/keynote/hero_small_2x.jpg")
    }
}

.image-keynote-icloud-keynote {
    background-image: url("/keynote/images/keynote/icloud_keynote_large.jpg")
}

@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) {
    .image-keynote-icloud-keynote {
        background-image:url("/keynote/images/keynote/icloud_keynote_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-keynote-icloud-keynote {
        background-image: url("/keynote/images/keynote/icloud_keynote_medium.jpg")
    }
}

@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) {
    .image-keynote-icloud-keynote {
        background-image:url("/keynote/images/keynote/icloud_keynote_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image-keynote-icloud-keynote {
        background-image: url("/keynote/images/keynote/icloud_keynote_small.jpg")
    }
}

@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) {
    .image-keynote-icloud-keynote {
        background-image:url("/keynote/images/keynote/icloud_keynote_small_2x.jpg")
    }
}

.image-keynote-mark-ups {
    background-image: url("/keynote/images/keynote/mark_ups_large.jpg")
}

@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) {
    .image-keynote-mark-ups {
        background-image:url("/keynote/images/keynote/mark_ups_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-keynote-mark-ups {
        background-image: url("/keynote/images/keynote/mark_ups_medium.jpg")
    }
}

@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) {
    .image-keynote-mark-ups {
        background-image:url("/keynote/images/keynote/mark_ups_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image-keynote-mark-ups {
        background-image: url("/keynote/images/keynote/mark_ups_small.jpg")
    }
}

@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) {
    .image-keynote-mark-ups {
        background-image:url("/keynote/images/keynote/mark_ups_small_2x.jpg")
    }
}

.image-keynote-pc-keynote {
    background-image: url("/keynote/images/keynote/pc_keynote_large.jpg")
}

@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) {
    .image-keynote-pc-keynote {
        background-image:url("/keynote/images/keynote/pc_keynote_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-keynote-pc-keynote {
        background-image: url("/keynote/images/keynote/pc_keynote_medium.jpg")
    }
}

@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) {
    .image-keynote-pc-keynote {
        background-image:url("/keynote/images/keynote/pc_keynote_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image-keynote-pc-keynote {
        background-image: url("/keynote/images/keynote/pc_keynote_small.jpg")
    }
}

@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) {
    .image-keynote-pc-keynote {
        background-image:url("/keynote/images/keynote/pc_keynote_small_2x.jpg")
    }
}

.image-keynote-presentations {
    background-image: url("/keynote/images/keynote/presentations_large.jpg")
}

@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) {
    .image-keynote-presentations {
        background-image:url("/keynote/images/keynote/presentations_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-keynote-presentations {
        background-image: url("/keynote/images/keynote/presentations_medium.jpg")
    }
}

@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) {
    .image-keynote-presentations {
        background-image:url("/keynote/images/keynote/presentations_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image-keynote-presentations {
        background-image: url("/keynote/images/keynote/presentations_small.jpg")
    }
}

@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) {
    .image-keynote-presentations {
        background-image:url("/keynote/images/keynote/presentations_small_2x.jpg")
    }
}

.image-keynote-crowd {
    background-image: url("/keynote/images/keynote/crowd__e6w4fpdgmyeu_large.jpg")
}

@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) {
    .image-keynote-crowd {
        background-image:url("/keynote/images/keynote/crowd__e6w4fpdgmyeu_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-keynote-crowd {
        background-image: url("/keynote/images/keynote/crowd__e6w4fpdgmyeu_medium.jpg")
    }
}

@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) {
    .image-keynote-crowd {
        background-image:url("/keynote/images/keynote/crowd__e6w4fpdgmyeu_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image-keynote-crowd {
        background-image: url("/keynote/images/keynote/crowd__e6w4fpdgmyeu_small.jpg")
    }
}

@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) {
    .image-keynote-crowd {
        background-image:url("/keynote/images/keynote/crowd__e6w4fpdgmyeu_small_2x.jpg")
    }
}

.image-keynote-know-slides {
    background-image: url("/keynote/images/keynote/know_slides__re7r5w54hhua_large.jpg")
}

@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) {
    .image-keynote-know-slides {
        background-image:url("/keynote/images/keynote/know_slides__re7r5w54hhua_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-keynote-know-slides {
        background-image: url("/keynote/images/keynote/know_slides__re7r5w54hhua_medium.jpg")
    }
}

@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) {
    .image-keynote-know-slides {
        background-image:url("/keynote/images/keynote/know_slides__re7r5w54hhua_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image-keynote-know-slides {
        background-image: url("/keynote/images/keynote/know_slides__re7r5w54hhua_small.jpg")
    }
}

@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) {
    .image-keynote-know-slides {
        background-image:url("/keynote/images/keynote/know_slides__re7r5w54hhua_small_2x.jpg")
    }
}