* {
margin: 0;
padding: 0;
}

 body {
overflow-x: hidden;
font-family: 'Roboto', sans-serif;
background-color: #fff;
}

.btn_wsp{
    position:fixed;
    width:55px;
    height:55px;
    line-height: 55px;
    bottom:70px;
    right:5%;
    background:#25d366;
    color:#FFF;
    border-radius:10px;
    text-align:center;
    font-size:42px;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
    z-index:100;
  }

.btn_wsp img{
width: 60%;
height: auto;
margin-top: -14%;
margin-left: 2%;
}   

.btn_wsp:hover{
    background: #20ba5a;
}

@media(min-width:399px) {                                                   .inicio_media {}
.btn_wsp{
    position:fixed;
    width:55px;
    height:55px;
    line-height: 55px;
    bottom:60px;
    right:5%;
    background:#25d366;
    color:#FFF;
    border-radius:10px;
    text-align:center;
    font-size:42px;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
    z-index:100;
  }                                                                               

}                              

@media(min-width:640px) {                                                   .inicio_media {}
.btn_wsp{
    position:fixed;
    width:55px;
    height:55px;
    line-height: 55px;
    bottom:110px;
    right:5%;
    background:#25d366;
    color:#FFF;
    border-radius:10px;
    text-align:center;
    font-size:42px;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
    z-index:100;
  }                                                                               

}                                                                              

@media(min-width:989px) {                                                   .inicio_media {}
.btn_wsp{
    position:fixed;
    width:55px;
    height:55px;
    line-height: 55px;
    bottom:70px;
    right:4%;
    background:#25d366;
    color:#FFF;
    border-radius:10px;
    text-align:center;
    font-size:42px;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
    z-index:100;
  }                                                                               

}                                          


@media(min-width:1199px) {
                                                                              .inicio_media {}  
.btn_wsp{
    position:fixed;
    width:55px;
    height:55px;
    line-height: 55px;
    bottom:30px;
    right:3%;
    background:#25d366;
    color:#FFF;
    border-radius:10px;
    text-align:center;
    font-size:42px;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
    z-index:100;
  }

.btn_wsp img{
width: 60%;
height: auto;
margin-top: -14%;
margin-left: 2%;
}   

.btn_wsp:hover{
    background: #20ba5a;
}

}


@media(min-width:1279px) {
                                                                              .inicio_media {}  
.btn_wsp{
    position:fixed;
    width:55px;
    height:55px;
    line-height: 55px;
    bottom:30px;
    right:6%;
    background:#25d366;
    color:#FFF;
    border-radius:10px;
    text-align:center;
    font-size:42px;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
    z-index:100;
  }
}


                                                                               @media(min-width:1359px) {
                                                                              .inicio_media {}  
.btn_wsp{
    position:fixed;
    width:55px;
    height:55px;
    line-height: 55px;
    bottom:30px;
    right:8%;
    background:#25d366;
    color:#FFF;
    border-radius:10px;
    text-align:center;
    font-size:42px;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
    z-index:100;
  }

.btn_wsp img{
width: 60%;
height: auto;
margin-top: -14%;
margin-left: 2%;
}   

.btn_wsp:hover{
    background: #20ba5a;
}

}

@media(min-width:1459px) {
                                                                              .inicio_media {}  
.btn_wsp{
    position:fixed;
    width:55px;
    height:55px;
    line-height: 55px;
    bottom:50px;
    right:11%;
    background:#25d366;
    color:#FFF;
    border-radius:10px;
    text-align:center;
    font-size:42px;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
    z-index:100;
  }
}


                                                                             

                                                                              @media(min-width:1539px) {
                                                                              .inicio_media {}  
.btn_wsp{
    position:fixed;
    width:55px;
    height:55px;
    line-height: 55px;
    bottom:50px;
    right:13%;
    background:#25d366;
    color:#FFF;
    border-radius:10px;
    text-align:center;
    font-size:42px;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
    z-index:100;
  }

.btn_wsp img{
width: 60%;
height: auto;
margin-top: -14%;
margin-left: 2%;
}   

.btn_wsp:hover{
    background: #20ba5a;
}

} 


 @media(min-width:1639px) {
                                                                              .inicio_media {}  
.btn_wsp{
    position:fixed;
    width:55px;
    height:55px;
    line-height: 55px;
    bottom:70px;
    right:15%;
    background:#25d366;
    color:#FFF;
    border-radius:10px;
    text-align:center;
    font-size:42px;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
    z-index:100;
  }
  }