.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:80px;
	right:25px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}
.float:hover {
	text-decoration: none;
	color: #FFF;
  background-color:#1ab152;
    
    animation: shake 1s;

 
  animation-iteration-count: infinite;
}

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

.fa-whatsapp {
  margin-top:12px;
}

.pulse{
    animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
    0% {
     box-shadow: 0 0 0 0px #25d36657, rgba(0, 0, 0, 0.2);
    }
    100% {
      box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
  }


  @media screen and (min-width: 250px) and (max-width: 800px)  {

    .my-float{
        margin-top:15px;
        margin-left: -10px;
        
    }

    .fa-whatsapp {
      margin-top:15px;
      margin-left: 0px;
    }
  }