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: rgba(0,120,120,1);
    color: #ffffff;
    /*font-size: 2.5vw;*/
}

div.servicios img{
    /*border: 10px solid rgb(209, 236, 241);*/
    /* cambia estos dos valores para definir el tamaño de tu círculo */
    width:100%;
    /*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 rgba(0,120,120,1);*/
}

.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%;
}