/*Localised images*/

.section-carekit-hero.image .image-carekit-hero {
    background-image: url("/my/researchkit/images/care_kit_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) {
    .section-carekit-hero.image .image-carekit-hero {
        background-image: url("/my/researchkit/images/care_kit_hero_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-carekit-hero.image .image-carekit-hero {
        background-image: url("/my/researchkit/images/care_kit_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) {
    .section-carekit-hero.image .image-carekit-hero {
        background-image: url("/my/researchkit/images/care_kit_hero_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .section-carekit-hero.image .image-carekit-hero {
        background-image: url("/my/researchkit/images/care_kit_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) {
    .section-carekit-hero.image .image-carekit-hero {
        background-image: url("/my/researchkit/images/care_kit_hero_small_2x.jpg")
    }
}

.figcaption-overlay.right .section-content{
	 color: white;
}

@media only screen and (max-width: 1068px) {
	.figcaption-overlay.right .section-content{
	color: #333;
	margin-right: 30px;
	}
}

@media only screen and (max-width: 735px) {
	.figcaption-overlay.right .section-content{
	color: #666;
	margin-right: auto;
	}
}

@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) {
	.figcaption-overlay.right .section-content{
	color: #666;
	margin: auto;
	}
}

.hide-for-large { display: none; }

@media only screen and (max-width: 1068px)
{
	.hide-for-large { display: block; }
}

@media only screen and (max-width: 735px)
{
	.hide-for-large { display: none; }
}

@media only screen and (max-width: 330px)
{
	.hide-for-large { display: block; }
}

.xsmall-show-only { display: none; }

@media only screen and (min-width: 1442px)
{
	.xsmall-show-only { display: none; }
}

@media only screen and (max-width: 1068px)
{
	.xsmall-show-only { display: none; }
}

@media only screen and (max-width: 330px)
{
	.xsmall-show-only { display: block; }
}