div.contenedor{
    width: 100%;
    position: relative;
}
div.contenedor video{
    width: 100%;
}
div.texto-encima{
    position: absolute;
    top: 70%;
    left: 70%;
    transform: translate(-50%, -50%);
    color: #000000;
    font-size: 2vw;
    font-style: bold;
    width: 56.17%;
}
div.centrado{
    position: absolute;
    top: 60%;
    left: 70%;
    transform: translate(-50%, -50%);
    color: #000000;
    font-size: 4vw;
    font-style: bold;
    width: 60%;
}

div.mensaje{
    background-color: #006262;
    color: #ffffff;
    font-size: 2.5vw;
    margin-top: -4.898px;
}

div.servicios img{
    border: 10px solid rgba(0,120,120,.45);
    /* cambia estos dos valores para definir el tamaño de tu círculo */
    width: 300px;
    height: 300px;
    /* los siguientes valores son independientes del tamaño del círculo */
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-size: 100% auto;
}
div.servicios img:hover{
    border: 10px solid #006262;
}

.contactanos{
    background-color: #006262;
}

div.social-media img{
    width: 50PX;
    height: 50px;
    margin-top: 30px;

}

.color-yadd{
    color: #006262;
    font-size: 5vw;
    margin-top: 1em;
}

.yadd-black{
    color: #000000;
    font-size: 1.5rem;
    width: 100%;
}