.image-parallax {
  -skrollr-animation-name: image-parallax;
}

.off-sk-offset-bottom{
    -skrollr-animation-name: offset-bottom;
}

.off-sk-offset-bottom .component-section-heading h2{
    -skrollr-animation-name: fade-bottom;
}

@-skrollr-keyframes sectionAnimation {
  bottom-bottom {
    margin-top: 0px;
  }
  bottom-top {
    margin-top: 200px;
  }
}
@-skrollr-keyframes headerAnimation {
  -300-bottom-top {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    margin-left: -70px;
    opacity: 0;
  }
  center-center {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    margin-left: 0px;
    opacity: 1;
  }
}
@-skrollr-keyframes image-parallax {
  top-top {
    background-position-y: 0%;
  }
  bottom-bottom {
    background-position-y: 100%;
  }
}

@-skrollr-keyframes offset-bottom {
  bottom-top {
    opacity:1;
    margin-top:100px;
  }

  -40p-bottom-top {
    opacity:1;
    margin-top:0px;
  }

}

@-skrollr-keyframes fade-bottom {
  -15p-bottom-bottom {
    opacity:0;
    letter-spacing:8px;
    filter: blur(10px);
  }

  -30p-bottom-bottom {
    opacity:1;
    letter-spacing:5px;
    filter: blur(0px);
  }

}