.float {
    position: fixed;
    width: 200px;
    height: 40px;
    bottom: 15px;
    right: 30px;
    /*background-color: #25d366;*/
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 300;
  
    /*animation-delay: 2s;*/
}

    .float:hover {
        text-decoration: none;
        color: #25d366;
        /*background-color: #fff;*/
    }
.imgCel {
    display: none;
}

@media only screen and (min-width: 0px) and (max-width:1000px) {

    .float{
        bottom: 85px;
        height:60px;
        width: 60px
    }


    .imgPc{
        display:none;
    }

    .imgCel{
        display:block;
    }

}

    .my-float {
        margin-top: 16px;
    }