#serv_c1, #serv_c2, #serv_c3{display:block;position:absolute;top:0;width:30%;height:100%;}
#serv_c1{left:5%;}
#serv_c2{left:35%;}
#serv_c3{left:65%;}

.servl1, .servl2{display:block;position:absolute; width:100%;height:30%;left:0;}
.servl1{top:15%;}
.servl2{top:55%;}

.servl1 p, .servl2 p{display:block;position:absolute; width:100%;height:100%;left:0%;top:0;margin:4px 0 0 28px;padding:0;font-size:0.9em;}
.ic_serv{display:block;position:absolute;width:20px;left:0;height:80%;top:10%;background-color:red;}

@media only screen and (min-width :1240px) {
.servl1 p, .servl2 p{font-size:0.9em;}
}

@media only screen and (max-width :900px) {
.servl1 p, .servl2 p{font-size:0.8em;}

}

@media only screen and (max-width :800px) and (max-height :580px){
.servl1 p, .servl2 p{font-size:0.7em;}
}

@media only screen and (max-width :680px) {
.servl1 p, .servl2 p{font-size:0.6em;}

}

@media only screen and (max-width :680px) and (max-height :480px) {
.servl1 p, .servl2 p{font-size:0.55em;}
}

@media only screen and (max-width :480px) {
.servl1 p, .servl2 p{font-size:0.55em;margin:4px 0 0 0;}

}

@media only screen and (max-width :480px) and (max-height :480px) {
.servl1 p, .servl2 p{font-size:0.5em;}
}