/*------------------------------------*\
   LOCAL SCREENS
\*------------------------------------*/


.home-care-detection-emergency {
    display: block;
    --p-width: 620px;
    --p-height: 620px;
    width: var(--p-width);
    height: var(--p-height);
}
@media only screen and (max-width: 1068px) {
    .home-care-detection-emergency {
        --p-width: 462px;
        --p-height: 530px;
    }
}
@media only screen and (max-width: 734px) {
    .home-care-detection-emergency {
        --p-width: 642px;
        --p-height: 440px;
    }
}
@media only screen and (max-width:480px) {
    .home-care-detection-emergency {
        --p-width: 420px;
        --p-height: 440px;
    }
}

.home-care-detection-alert {
    display: block;
    --p-width: 620px;
    --p-height: 620px;
    width: var(--p-width);
    height: var(--p-height);
}
@media only screen and (max-width: 1068px) {
    .home-care-detection-alert {
        --p-width: 462px;
        --p-height: 530px;
    }
}
@media only screen and (max-width: 734px) {
    .home-care-detection-alert {
        --p-width: 642px;
        --p-height: 440px;
    }
}
@media only screen and (max-width:480px) {
    .home-care-detection-alert {
        --p-width: 420px;
        --p-height: 440px;
    }
}



/*------------------------------------*\
   END LOCAL SCREENS
\*------------------------------------*/ 




/*------------------------------------*\
   LOCAL FIXES
\*------------------------------------*/


.section-tiles .grid-item.image-align-center .home-care-health-metrics.tile-background {
    left: 33%;
    transform: translateX(-50%);
}

@media only screen and (max-width: 1068px) {
	.section-tiles .grid-item.image-align-center .home-care-health-metrics.tile-background {
    	left: 30%;
    	transform: translateX(-60%);
	}
}

@media only screen and (max-width: 734px) {
	.section-tiles .grid-item.image-align-center .home-care-health-metrics.tile-background {
    	left: 50%;
    	transform: translateX(-50%);
	}
}

.section-tiles .grid-item.image-align-center .home-care-detection-emergency .tile-background {
    left: 50%;
    transform: translateX(-50%);
}

@media only screen and (max-width: 1068px) {
	.section-tiles .grid-item.image-align-center .home-care-detection-emergency .tile-background {
		left: 50%;
		transform: translateX(-50%);
	}
}

@media only screen and (max-width: 734px) {
	.section-tiles .grid-item.image-align-center .home-care-detection-emergency .tile-background {
		left: 50%;
		transform: translateX(-50%);
	}
}

/*------------------------------------*\
   END LOCAL FIXES
\*------------------------------------*/ 