@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 .section-features figure.image-collaborate {
        background-image: url("/hk/keynote/images/overview/create_together__ccnf5e0mlkuq_large_2x.jpg")
    }

}

@media only screen and (max-width:1068px) {
    .page-overview .section-features figure.image-collaborate {
        background-image: url("/hk/keynote/images/overview/create_together__ccnf5e0mlkuq_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) {
    .page-overview .section-features figure.image-collaborate {
        background-image: url("/hk/keynote/images/overview/create_together__ccnf5e0mlkuq_medium_2x.jpg")
    }

}

@media only screen and (max-width:734px) {
    .page-overview .section-features figure.image-collaborate {
        background-image: url("/hk/keynote/images/overview/create_together__ccnf5e0mlkuq_small.jpg")
    }

}

@media only screen and (max-width:734px) and (-webkit-min-device-pixel-ratio:1.5), only screen and (max-width:734px) and (min-resolution:1.5dppx), only screen and (max-width:734px) and (min-resolution:144dpi) {
    .page-overview .section-features figure.image-collaborate {
        background-image: url("/hk/keynote/images/overview/create_together__ccnf5e0mlkuq_small_2x.jpg")
    }

}

.page-overview .section-hero figure.image-hero {
    background-image: url("/hk/keynote/images/overview/hero__ccnawn2zv90i_large.png")
}

@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 .section-hero figure.image-hero {
        background-image: url("/hk/keynote/images/overview/hero__ccnawn2zv90i_large_2x.png")
    }

}

@media only screen and (max-width:1068px) {
    .page-overview .section-hero figure.image-hero {
        background-image: url("/hk/keynote/images/overview/hero__ccnawn2zv90i_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 .section-hero figure.image-hero {
        background-image: url("/hk/keynote/images/overview/hero__ccnawn2zv90i_medium_2x.png")
    }

}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero figure.image-hero {
        background-image: url("/hk/keynote/images/overview/hero__ccnawn2zv90i_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-hero figure.image-hero {
        background-image: url("/hk/keynote/images/overview/hero__ccnawn2zv90i_small_2x.png")
    }
}
@media only screen and (max-width: 374px) {
    .page-overview .section-hero figure.image-hero {
        background-image: url("/hk/keynote/images/overview/hero__ccnawn2zv90i_xsmall.png")
    }
}

@media only screen and (max-width: 374px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 374px) and (min-resolution: 1.5dppx), only screen and (max-width: 374px) and (min-resolution: 144dpi) {
    .page-overview .section-hero figure.image-hero {
        background-image: url("/hk/keynote/images/overview/hero__ccnawn2zv90i_xsmall_2x.png")
    }
}
.page-overview .section-features figure.image-multi-device {
    background-image: url("/hk/keynote/images/overview/icloud_keynote__76hdqmoussiy_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) {
    .page-overview .section-features figure.image-multi-device {
        background-image: url("/hk/keynote/images/overview/icloud_keynote__76hdqmoussiy_large_2x.jpg")
    }

}

@media only screen and (max-width:1068px) {
    .page-overview .section-features figure.image-multi-device {
        background-image: url("/hk/keynote/images/overview/icloud_keynote__76hdqmoussiy_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) {
    .page-overview .section-features figure.image-multi-device {
        background-image: url("/hk/keynote/images/overview/icloud_keynote__76hdqmoussiy_medium_2x.jpg")
    }

}

@media only screen and (max-width:734px) {
    .page-overview .section-features figure.image-multi-device {
        background-image: url("/hk/keynote/images/overview/icloud_keynote__76hdqmoussiy_small.jpg")
    }

}

@media only screen and (max-width:734px) and (-webkit-min-device-pixel-ratio:1.5), only screen and (max-width:734px) and (min-resolution:1.5dppx), only screen and (max-width:734px) and (min-resolution:144dpi) {
    .page-overview .section-features figure.image-multi-device {
        background-image: url("/hk/keynote/images/overview/icloud_keynote__76hdqmoussiy_small_2x.jpg")
    }

}

.page-overview .section-tools figure.image-spectacular {
    background-image: url("/hk/keynote/images/overview/make_spectacular__buxell2xgmuq_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) {
    .page-overview .section-tools figure.image-spectacular {
        background-image: url("/hk/keynote/images/overview/make_spectacular__buxell2xgmuq_large_2x.jpg")
    }

}

@media only screen and (max-width:1068px) {
    .page-overview .section-tools figure.image-spectacular {
        background-image: url("/hk/keynote/images/overview/make_spectacular__buxell2xgmuq_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) {
    .page-overview .section-tools figure.image-spectacular {
        background-image: url("/hk/keynote/images/overview/make_spectacular__buxell2xgmuq_medium_2x.jpg")
    }

}

@media only screen and (max-width:734px) {
    .page-overview .section-tools figure.image-spectacular {
        background-image: url("/hk/keynote/images/overview/make_spectacular__buxell2xgmuq_small.jpg")
    }

}

@media only screen and (max-width:734px) and (-webkit-min-device-pixel-ratio:1.5), only screen and (max-width:734px) and (min-resolution:1.5dppx), only screen and (max-width:734px) and (min-resolution:144dpi) {
    .page-overview .section-tools figure.image-spectacular {
        background-image: url("/hk/keynote/images/overview/make_spectacular__buxell2xgmuq_small_2x.jpg")
    }

}


.page-overview .section-features #remote-presenting .inline-video-content .inline-video-wrapper .mediaobject-container .mediaobject-startframe {
    background-image: url("/v/keynote/l/images/overview/video-remote-presenting/add_video_endframe__d99zfnaova2q_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) {
    .page-overview .section-features #remote-presenting .inline-video-content .inline-video-wrapper .mediaobject-container .mediaobject-startframe {
        background-image: url("/v/keynote/l/images/overview/video-remote-presenting/add_video_endframe__d99zfnaova2q_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-features #remote-presenting .inline-video-content .inline-video-wrapper .mediaobject-container .mediaobject-startframe {
        background-image: url("/v/keynote/l/images/overview/video-remote-presenting/add_video_endframe__d99zfnaova2q_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) {
    .page-overview .section-features #remote-presenting .inline-video-content .inline-video-wrapper .mediaobject-container .mediaobject-startframe {
        background-image: url("/v/keynote/l/images/overview/video-remote-presenting/add_video_endframe__d99zfnaova2q_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-features #remote-presenting .inline-video-content .inline-video-wrapper .mediaobject-container .mediaobject-startframe {
        background-image: url("/v/keynote/l/images/overview/video-remote-presenting/add_video_endframe__d99zfnaova2q_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-features #remote-presenting .inline-video-content .inline-video-wrapper .mediaobject-container .mediaobject-startframe {
        background-image: url("/v/keynote/l/images/overview/video-remote-presenting/add_video_endframe__d99zfnaova2q_small_2x.jpg")
    }
}