.bg-animation {
   position: relative;
   width: auto;
    height: auto;
   animation: bg-animation 25s ease-in-out infinite;
  
   
}
 
@media (max-width: 620px) {
    .bg-animation {
       
    }
}
@keyframes bg-animation {
    0% {
        background-size: 120%;
        background-position: 50% 50%
    }
    20% {
        background-size: 150%;
        background-position: 0 50%;
    }    
    40% {
        background-size: 110%;
        background-position: 20% 80%;
    }
    60% {
        background-size: 160%;
        background-position: 60% 10%;
    }
    80% {
        background-size: 120%;
        background-position: 40% 70%;
    }    
    100% {
        background-size: 120%;
        background-position: 50% 50%
    }
}


.bg-animation {
   position: relative;
   width: auto;
    height: auto;
   animation: bg-animation 25s ease-in-out infinite;
  
   
}
 
@media (max-width: 620px) {
    .bg-animation {
       
    }
}
@keyframes bg-animation {
    0% {
        background-size: 120%;
        background-position: 50% 50%
    }
    20% {
        background-size: 150%;
        background-position: 0 50%;
    }    
    40% {
        background-size: 110%;
        background-position: 20% 80%;
    }
    60% {
        background-size: 160%;
        background-position: 60% 10%;
    }
    80% {
        background-size: 120%;
        background-position: 40% 70%;
    }    
    100% {
        background-size: 120%;
        background-position: 50% 50%
    }
}

repeat scroll 0 0 rgba(0, 0, 0, 0);
body {

}
.wrapperright {
  animation: scroll 50s linear infinite;
  height: auto;
   perspective: -1000px;
  perspective-origin: 50% 50%;
}

@keyframes scroll {
  100% {
    background-position:  -400% 0px;
  }
}

/* Fallback if the operatring system prefers reduced motion*/
@media (prefers-reduced-motion) {
  .wrapper {
    animation: scroll 800s linear infinite;
  }
}

}

repeat background 0 0 rgba(0, 0, 0, 0);
body {
}
.headerdown {

height: auto;
perspective: 1000px;
  perspective-origin: 50% 50%;
animation: animatedBackground 70s linear infinite;
}
@keyframes animatedBackground {
  from { background-position: 0 0; }
  to { background-position: 0 2000px; }
}

.whatsapp{
    background: rgb(0,32,3);
    background: linear-gradient(0deg, #243D25, #6BCB77);
    animation: whatsapp 3s infinite;
}
.call{
    background: rgb(0,99,166);
    background: linear-gradient(0deg, #243D25, #6BCB77);
    animation: call 3s infinite;
}

  @keyframes whatsapp {
    0% {box-shadow: 0 0 15px 2px rgba(7,112,21,0.5);}
    50% {box-shadow: 0 0 15px 12px rgba(7,112,21,0.5);}
    100% {box-shadow: 0 0 15px 2px rgba(7,112,21,0.5);}
  }
  @-webkit-keyframes whatsapp {
    0% {box-shadow: 0 0 15px 2px rgba(7,112,21,0.5);}
    50% {box-shadow: 0 0 15px 12px rgba(7,112,21,0.5);}
    100% {box-shadow: 0 0 15px 2px rgba(7,112,21,0.5);}
  }
  @keyframes call {
    0% {box-shadow: 0 0 15px 2px rgba(0,99,166,0.5);}
    50% {box-shadow: 0 0 15px 12px rgba(0,99,166,0.5);}
    100% {box-shadow: 0 0 15px 2px rgba(0,99,166,0.5);}
  }
  @-webkit-keyframes call {
    0% {box-shadow: 0 0 15px 2px rgba(0,99,166,0.5);}
    50% {box-shadow: 0 0 15px 12px rgba(0,99,166,0.5);}
    100% {box-shadow: 0 0 15px 2px rgba(0,99,166,0.5);}
  }