.donate_now a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 30px;
}
.donate_now a span {
    padding: 15px;
    transition: .5s;
    position: relative;
}
.donate_now a span:nth-child(1) {
    color: #fff;
    background: #2281e6;
}
.donate_now a span:nth-child(2) {
    color: #fff;
    background: #c30017;
}
.donate_now a span:nth-child(1):before {
    content: attr(data-attr);
    position: absolute;
    top: 0;
    left: 0;
    background: #c30017;
    padding: 15px;
    transition: 0.5S;
    transform-origin: top;
    transform: rotateX(90deg) translateY(-50%);
}
.donate_now a:hover span:nth-child(1):before {
    transform: rotateX(0deg) translateY(0%);
} 
.donate_now a span:nth-child(2):before {
    content: attr(data-attr);
    position: absolute;
    top: 0;
    left: 0;
    background: #2281e6;
    padding: 15px;
    transition: 0.5S;
    transform-origin: bottom;
    transform: rotateX(90deg) translateY(50%);
}
.donate_now a:hover span:nth-child(2):before {
    transform: rotateX(0deg) translateY(0%);
} 
.donate_now a  span:nth-child(1):after {
  content: attr(data-attr);
  padding: 15px;
  position: absolute;
  top: 0;
  left: 0;
  background: #2281e6;
  transform-origin: bottom;
  transform: rotateX(0deg) translateY(0%);
  transition: 0.5s;
}
.donate_now a:hover span:nth-child(1):after {
  transform: rotateX(90deg) translateY(50%);
}
.donate_now a span:nth-child(2):after {
    content: attr(data-attr);
    position: absolute;
    top: 0;
    left: 0;
    background: #c30017;
    padding: 15px;
    transition: 0.5S;
    transform-origin: top;
    transform: rotateX(0deg) translateY(0%);
}
.donate_now a:hover span:nth-child(2):after {
    transform: rotateX(90deg) translateY(-50%);
} 
  
  





.float_watsapp{
	position:fixed;
	width:60px;
	height:60px;
	bottom:120px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float_watsapp{
	margin-top:16px;
}
.float_donate
{

position:fixed;
	width:60px;
	height:60px;
	bottom:120px;
	right:40px;
	background-color:yellow;
	color:red!important;
	box-shadow: 6px 2px 3px red;
	text-align:center;
  font-size:45px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;

}
.myfloat_donate
{

margin-top:20px;


}





@media (min-width: 320px) and (max-width: 578px)
{
  h5,h1,h2,h3,h4{
  
  font-size:14px;
  
  }
  p,a{
  
  font-size:12px!important;
  
  }
  a:hover,a:active{
  font-size:12px!important;
  
  
  }
  .float_watsapp{
	
	width:30px;
	height:30px;
	bottom:195px;
	
}


.float_donate
{


	width:30px;
	height:30px;
	bottom:162px;
	

}
.myfloat_donate
{

margin-top:5px;


}
.my-float_watsapp
{
margin-top:5px;	
	
}
 
 }
 @media (min-width: 768px) and (max-width: 992px) {
 
 
  h5,h1,h2,h3,h4{
  
  font-size:14px!important;
  
  }
  p,a{
  
  font-size:12px!important;
  
  }
  a:hover,a:active{
  font-size:12px!important;
  
  
  }
  
  
 .float_watsapp{
	
	width:30px;
	height:30px;
	bottom:195px;
	
}


.float_donate
{


	width:30px;
	height:30px;
	bottom:162px;
	

}
.myfloat_donate
{

margin-top:5px;


}
.my-float_watsapp
{
margin-top:5px;	
	
}
 }