@font-face {
    font-family:Roboto;
    src: url('../fonts/Roboto-Regular.ttf') format('truetype');
}
*
{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
/*------------------------------------------------------------*/
/*telefono*/
#tel .tel-boton 
{
    position: fixed;
    top: 90px;
    z-index: 2;
    right: 0px;
    border: none;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    padding: 10px 10px;
    transition: background 0.5s ease-in-out;
    text-decoration: none;
    font-weight: 400;
    background-color:#fff;
    border-radius: 50px 0px 0px 50px; 
}
#tel .tel-boton:hover 
{
    background-color: black; 
}
#tel .tel-boton:hover a 
{
    color: white; 
}
#tel .tel-boton:hover i
{
    color: white; 
}
#tel .tel-boton a,i 
{
    font-family:"Roboto";
    color: black;
    font-size: 21px;
    text-decoration: none;
    font-weight: 700; 
}
#tel .tel-boton a i 
{
    padding: 0 5px; 
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*Responsive*/
@media screen and (max-width:840px)
{
     /*telefono*/
     #tel .tel-boton 
     {
         padding: 10px 10px;
     }
     #tel .tel-boton a
     {
         font-size: 0px;
     }
     #tel .tel-boton i
     {
         font-size: 21px;
     }
}
@media screen and (max-width:570px)
{
    #tel .tel-boton 
    {
        top: 70px;
    }
}