#test {
  position: relative; 
  display:flex;
 }

#test img {
position: relative;
width:100%;
height:100%;
}

.remdur {
position: absolute;
margin: 13% 0 0 21%;
transform: translate(-50%,-50%);
font-size:1.7vw;
font-weight: 600;
color: #4caf50;
}

.totdur {
position: absolute;
margin: 13.1% 0 0 28.5%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: black;
}

.diastate {
position: absolute;
margin: 13% 0 0 45%;
transform: translate(-50%,-50%);
font-size:1.4vw;
font-size-adjust:inherit;
font-weight:600;
color: black;
}

.macname {
position: absolute;
margin: 15% 0 0 45%;
transform: translate(-50%,-50%);
font-size:0.8vw;
font-size-adjust:inherit;
font-weight:600;
color: black;
}

.ufrem {
position: absolute;
margin: 13% 0 0 62.5%;
transform: translate(-50%,-50%);
font-size:1vw;
color: green;
}

.uf {
position: absolute;
margin: 13% 0 0 65%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: blue;
}

.ufrate {
position: absolute;
margin: 13% 0 0 70.2%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
}


.temp {
position: absolute;
margin: 23% 0 0 19.5%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
}

.cond {
position: absolute;
margin: 23% 0 0 26.3%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
}

.dflow {
position: absolute;
margin: 23% 0 0 33%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
}

.ap {
position: absolute;
margin: 31% 0 0 21%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
}

.vp {
position: absolute;
margin: 31% 0 0 30%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
}

.bps {
position: absolute;
margin: 23% 0 0 43%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
}

.pulse {
position: absolute;
margin: 23% 0 0 51.5%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
}


.spo2 {
position: absolute;
margin: 31% 0 0 47.2%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
}

/* .temp {
position: absolute;
margin: 25% 0 0 19.8%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
}

.cond {
position: absolute;
margin: 25% 0 0 26.3%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
}

.dflow {
position: absolute;
margin: 25% 0 0 33%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
}

.ap {
position: absolute;
margin: 25% 0 0 43%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
}

.vp {
position: absolute;
margin: 25% 0 0 51.5%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
} */

.bp {
position: absolute;
margin: 37.6% 0 0 42%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
}

.heparin {
position: absolute;
margin: 37.6% 0 0 53%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
text-size-adjust:auto;
}

.heparinstatus {
position: absolute;
margin: 41.5% 0 0 50.8%;
transform: translate(-50%,-50%);
font-size:1vw;
color: white;
font-weight:600;
text-size-adjust:auto;
}

.bpstatus {
position: absolute;
margin: 41.5% 0 0 38.5%;
transform: translate(-50%,-50%);
font-size:1vw;
font-weight:600;
color: white;
text-size-adjust:auto;
}
.alarmtext{
	
position: absolute;
margin: 20% 0 0 65.5%;
transform: translate(-50%,-50%);
font-size:1.1vw;
color: #E91E63;
align: left;
text-size-adjust:auto;
	
}

.bpalarmtext{
	
position: absolute;
margin: 23% 0 0 65.5%;
transform: translate(-50%,-50%);
font-size:1.1vw;
color: #E91E63;
align: left;
text-size-adjust:auto;
	
}

.spo2alarmtext{
	
position: absolute;
margin: 26% 0 0 65.5%;
transform: translate(-50%,-50%);
font-size:1.1vw;
color: #E91E63;
align: left;
text-size-adjust:auto;
	
}

 

.remdur-xs {
position: absolute;
margin: 11% 0 0 18.5%;
transform: translate(-50%,-50%);
font-size:1.7vw;
font-weight: 600;
color: #4caf50;
}

.totdur-xs {
position: absolute;
margin: 11% 0 0 25.5%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: black;
}

.diastate-xs {
position: absolute;
margin: 12% 0 0 40%;
transform: translate(-50%,-50%);
font-size:1.4vw;
font-size-adjust:inherit;
font-weight:600;
color: black;
}

.ufrem-xs {
position: absolute;
margin: 11% 0 0 54.7%;
transform: translate(-50%,-50%);
font-size:1vw;
color: green;
}

.uf-xs {
position: absolute;
margin: 13% 0 0 65%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: blue;
}

.ufrate-xs {
position: absolute;
margin: 11% 0 0 61.5%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
}



.temp-xs {
position: absolute;
margin: 21% 0 0 17%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
}

.cond-xs {
position: absolute;
margin: 21% 0 0 23%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
}

.dflow-xs {
position: absolute;
margin: 21% 0 0 29%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
}


.bps-xs {
position: absolute;
margin: 21% 0 0 39%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
}

.pulse-xs {
position: absolute;
margin: 21% 0 0 46%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
}


.spo2-xs {
position: absolute;
margin: 28% 0 0 42%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
}

.ap-xs {
position: absolute;
margin: 28% 0 0 19%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
}

.vp-xs {
position: absolute;
margin: 28% 0 0 27%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
}


/* .temp-xs {
position: absolute;
margin: 22% 0 0 17%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
}

.cond-xs {
position: absolute;
margin: 22% 0 0 23%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
}

.dflow-xs {
position: absolute;
margin: 22% 0 0 29%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
}

.ap-xs {
position: absolute;
margin: 22% 0 0 37.5%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
}

.vp-xs {
position: absolute;
margin: 22% 0 0 45%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
} */

.bp-xs {
position: absolute;
margin: 34% 0 0 37%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
}

.heparin-xs {
position: absolute;
margin: 34% 0 0 47%;
transform: translate(-50%,-50%);
font-size:1.4vw;
color: #42a5f5;
text-size-adjust:auto;
}

.heparinstatus-xs {
position: absolute;
margin: 37% 0 0 45%;
transform: translate(-50%,-50%);
font-size:1vw;
color: white;
font-weight:600;
text-size-adjust:auto;
}

.bpstatus-xs {
position: absolute;
margin: 37% 0 0 34%;
transform: translate(-50%,-50%);
font-size:1vw;
font-weight:600;
color: white;
text-size-adjust:auto;
}
.alarmtext-xs {
	
position: absolute;
margin: 18% 0 0 58%;
transform: translate(-50%,-50%);
font-size:1.1vw;
color: #E91E63;
align: left;
text-size-adjust:auto;
	
}

.bpalarmtext-xs {
	
position: absolute;
margin: 21% 0 0 58%;
transform: translate(-50%,-50%);
font-size:1.1vw;
color: #E91E63;
align: left;
text-size-adjust:auto;
	
}

.spo2alarmtext-xs {
	
position: absolute;
margin: 25% 0 0 58%;
transform: translate(-50%,-50%);
font-size:1.1vw;
color: #E91E63;
align: left;
text-size-adjust:auto;
	
}