.reveal {
  opacity: 0;
  -webkit-transform: translateY(32px);
          transform: translateY(32px);
  -webkit-transition: opacity 1.8s cubic-bezier(0.16, 1, 0.3, 1),
              -webkit-transform 1.8s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 1.8s cubic-bezier(0.16, 1, 0.3, 1),
              -webkit-transform 1.8s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 1.8s cubic-bezier(0.16, 1, 0.3, 1),
              transform 1.8s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 1.8s cubic-bezier(0.16, 1, 0.3, 1),
              transform 1.8s cubic-bezier(0.16, 1, 0.3, 1),
              -webkit-transform 1.8s cubic-bezier(0.16, 1, 0.3, 1);
  -webkit-transition-delay: 0.05s;
          transition-delay: 0.05s;
}
.reveal.visible { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.reveal-col {
  opacity: 0;
  -webkit-transform: translateY(24px);
          transform: translateY(24px);
  -webkit-transition: opacity 1.8s cubic-bezier(0.16, 1, 0.3, 1),
              -webkit-transform 1.8s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 1.8s cubic-bezier(0.16, 1, 0.3, 1),
              -webkit-transform 1.8s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 1.8s cubic-bezier(0.16, 1, 0.3, 1),
              transform 1.8s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 1.8s cubic-bezier(0.16, 1, 0.3, 1),
              transform 1.8s cubic-bezier(0.16, 1, 0.3, 1),
              -webkit-transform 1.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal-col.visible {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}