*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    background:#efefef;
    display:flex;
    justify-content:center;
    font-family:Arial, Helvetica, sans-serif;
}

.contenedor{
    position:relative;
    width:100%;
    max-width:900px;
}

.fondo{
    width:100%;
    display:block;
}

/* BOTONES */

.btn{
    position:absolute;
    left:21%;

    width:58%;

    text-decoration:none;

    transition:all .2s ease;
}

.btn img{
    width:100%;
    display:block;
}

.btn span{
    position:absolute;

    top:50%;
    left:50%;

    transform:translate(-50%, -50%);

    width:90%;

    text-align:center;

    color:#222;

    font-weight:bold;

    font-size:1.15vw;

    letter-spacing:.5px;
}

/* POSICIONES */

.servicio1{
    top:46%;
}

.servicio2{
    top:53%;
}

.servicio3{
    top:60%;
}

.servicio4{
    top:67%;
}

.servicio5{
    top:74%;
}

.servicio6{
    top:81%;
}

/* EFECTO HOVER */

.btn:hover{
    transform:scale(1.02);
}

/* RESPONSIVE */

@media (max-width:900px){

    .btn span{
        font-size:2vw;
    }

}

@media (max-width:600px){

    .btn span{
        font-size:2.8vw;
    }

}