/*Keyframes*/
 @keyframes pulse-ring {
    0%   { transform: scale(0.95); opacity: 0.8; }
    60%  { transform: scale(1.12); opacity: 0; }
    100% { transform: scale(1.12); opacity: 0; }
  }
  /*Accessibility*/
  @media (prefers-reduced-motion: reduce) {
    .btn-primary::after { animation: none; }
  }
 /* SCROLL ANIMATIONS*/
.reveal{

    opacity:0;

    transform:translateY(50px);

    transition:
        opacity .8s ease,
        transform .8s ease;

}

.reveal.active{

    opacity:1;

    transform:translateY(0);

}