.heroTextTop, .heroTextBottom {
/*   transform: translate(-50px, 0px);
  opacity: 0.3; */
}

.largeGrapes img, 
.floatyGrapeHeroTop,
.floatyGrapeHeroBottom {
/* 	transform: translate(0, -350px); */
  	z-index: 10
}

.site-header:before {
 top: 0px; 
  transition: top 2s ease 0s;
}

.site-header.onScroll:before {
  top: -1000px;
  transition: top 2s ease 0s;
}