/* @keyframes arrow-wiper-left1 {
  0% { left: 100%; right: 0%;}
  20% { left: 0%; right: 0%;}
  30% { left: 0%; right: 0%;}
  40% { left: 0%; right: 3%;}
  50% { left: 0%; right: 0%; opacity: 1;}
  75% { left: 0%; right: 50%;}
  100% { left: 0%; right: 100%; opacity: 0;}
}
@keyframes arrow-wiper-left2 {
  0% { left: 100%; right: 0%;}
  10% { left: 100%; right: 0%;}
  20% { left: 50%; right: 0%;}
  30% { left: 0%; right: 0%;}
  40% { left: 0%; right: 3%;}
  50% { left: 0%; right: 0%; opacity: 1;}
  75% { left: 0%; right: 50%;}
  100% { left: 0%; right: 100%; opacity: 0;}
}
@keyframes arrow-wiper-right1 {
  0% { right: 100%; left: 0%;}
  20% { right: 0%; left: 0%;}
  30% { right: 0%; left: 0%;}
  40% { right: 0%; left: 3%;}
  50% { right: 0%; left: 0%; opacity: 1;}
  75% { right: 0%; left: 50%;}
  100% { right: 0%; left: 100%; opacity: 0;}
}
@keyframes arrow-wiper-right2 {
  0% { right: 100%; left: 0%;}
  10% { right: 100%; left: 0%;}
  20% { right: 50%; left: 0%;}
  30% { right: 0%; left: 0%;}
  40% { right: 0%; left: 3%;}
  50% { right: 0%; left: 0%; opacity: 1;}
  75% { right: 0%; left: 50%;}
  100% { right: 0%; left: 100%; opacity: 0;}
} */
@keyframes arrow-wiper-left1 {
  0% { left: 100%; right: 0%;}
  20% { left: 50%; right: 0%;}
  40% { left: 0%; right: 0%;}
  60% { left: 0%; right: 0%;}
  80% { left: 0%; right: 50%;}
  100% { left: 0%; right: 100%;}
}
@keyframes arrow-wiper-left2 {
  0% { left: 100%; right: 0%;}
  20% { left: 100%; right: 0%;}
  40% { left: 50%; right: 0%;}
  60% { left: 0%; right: 0%;}
  80% { left: 0%; right: 50%;}
  100% { left: 0%; right: 100%;}
}
@keyframes arrow-wiper-right1 {
  0% { right: 100%; left: 0%;}
  20% { right: 50%; left: 0%;}
  40% { right: 0%; left: 0%;}
  60% { right: 0%; left: 0%;}
  80% { right: 0%; left: 50%;}
  100% { right: 0%; left: 100%;}
}
@keyframes arrow-wiper-right2 {
  0% { right: 100%; left: 0%;}
  20% { right: 100%; left: 0%;}
  40% { right: 50%; left: 0%;}
  60% { right: 0%; left: 0%;}
  80% { right: 0%; left: 50%;}
  100% { right: 0%; left: 100%;}
}

@keyframes wiper-left1 {
  0% { right: 0%;}
  50% { right: 0%;}
  80% { right: 100%;}
  100% { right: 100%;}
}
@keyframes wiper-left2 {
  0% { right: 0%;}
  40% { right: 5%;}
  70% { right: 100%;}
  100% { right: 100%;}
}
@keyframes wiper-left3 {
  0% { right: 0%;}
  30% { right: 10%;}
  60% { right: 100%;}
  100% { right: 100%;}
}

@keyframes wiper-right1 {
  0% { left: 0%;}
  50% { left: 0%;}
  80% { left: 100%;}
  100% { left: 100%;}
}
@keyframes wiper-right2 {
  0% { left: 0%;}
  40% { left: 5%;}
  70% { left: 100%;}
  100% { left: 100%;}
}
@keyframes wiper-right3 {
  0% { left: 0%;}
  30% { left: 10%;}
  60% { left: 100%;}
  100% { left: 100%;}
}

/* The way this wiper is set makes the "sliding" of the elements overlap and creates a
"dragging" effect between each element, */
@keyframes wiper-down1 {
  0% { top: 0%;}
  50% { top: 0%;}
  80% { top: 100%;}
  100% { top: 100%;}
}
@keyframes wiper-down2 {
  0% { top: 5%;}
  40% { top: 5%;}
  70% { top: 100%;}
  100% { top: 100%;}
}
@keyframes wiper-down3 {
  0% { top: 10%;}
  30% { top: 10%;}
  60% { top: 100%;}
  100% { top: 100%;}
}


@keyframes px1421-min-navigation-link-enlarge {
  0% { opacity: 1;}
  50% { opacity: 0;}
  75% { opacity: 1;}
  100% { opacity: 1;}
}
@keyframes px1421-min-social-container-enlarge {
  0% { opacity: 0; padding-right: 0px; margin-left: -300px;}
  50% { opacity: 0; padding-right: 45px; margin-left: 0 auto;}
  75% { opacity: 1; padding-right: 45px; margin-left: 0 auto;}
  100% { opacity: 1; padding-right: 45px; margin-left: 0 auto;}
}
@keyframes px1420-max-social-container-shrink {
  0% { opacity: 1; }
  25% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 0;position: absolute; }
}
@keyframes px1420-max-social-image-shrink {
  0% { margin-left: 25px; height: 75px; }
  50% { margin-left: 0px; height: 75px; }
  75% { margin-left: 0px; height: 0px; }
  100% { margin-left: 0px; height: 0px; }
}
@keyframes px1420-max-navigation-link-enlarge {
  0% { opacity: 1; }
  25% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes navigation-desktop-fade-in-1 {
  0% { opacity: 0; margin-top: -300px; }
  100% {opacity: 1; margin-top: 0px; z-index: 99999;}
}
@keyframes navigation-desktop-fade-in-2 {
  0% { opacity: 0.2; }
  100% { opacity: 1; }
}
@keyframes mobile-hamburger-fade-in {
  0% { margin-right: -100px; }
  100% { margin-right: 0px; }
}
@keyframes global-opacity-1-0 {
  0% { opacity: 1;}
  100% {opacity: 0}
}
@keyframes global-opacity-0-1 {
  0% { opacity: 0;}
  100% {opacity: 1;}
}
@keyframes navigation-desktop-fade-out {
  0% { opacity: 1; }
  100% {opacity: 0; margin-top: -300px; }
}
@keyframes mobile-hamburger-fade-out {
  0% { margin-right: 0px; }
  100% { margin-right: -100px; }
}
@keyframes px1051-min-header-two-piece-text-enlarge {
  0% { margin-right: 5%; font-size: 1.5em;}
  100% { margin-right: 0; font-size: 2em;}
}
@keyframes px1051-min-header-quad-text-enlarge {
  0% { font-size: 1em;}
  100% { font-size: 1.5em;}
}
@keyframes px1051-min-header-two-piece-graphic-resize {
  0% { width: 60%; padding-right: 0;}
  100% { width: 650px; padding-right: 35px;}
}
@keyframes px1050-max-header-two-piece-text-shrink {
  0% { margin-right: 0; font-size: 2.5em;}
  100% { margin-right: 5%; font-size: 1.5em;}
}
@keyframes px1050-max-header-quad-text-shrink {
  0% { font-size: 2em;}
  100% { font-size: 1em;}
}
@keyframes px1050-max-header-two-piece-graphic-resize {
  0% { width: 650px; padding-right: 35px;}
  100% { width: 60%; padding-right: 0;}
}
@keyframes header-two-piece-graphic-centered-thinner-than-12-16-ar {
  0% {}
  100% {width: 100%;}
}
@keyframes px801-min-aboutme-text-enlarge {
  0% { font-size: 1.5em;}
  100% { font-size: 2em;}
}
@keyframes px800-max-aboutme-text-shrink {
  0% { font-size: 2em;}
  100% { font-size: 1.5em;}
}
@keyframes px421-min-header-two-piece-text-font-enlarge {
  0% { font-size: 1.5em;}
  100% { font-size: 2.5em;}
}
@keyframes px420-max-header-two-piece-text-font-shrink {
  0% { font-size: 2.5em;}
  100% { font-size: 1.5em;}
}
@keyframes mobile-navigation-fade-in {
  0% { opacity: 0;}
  100% { opacity: 100%;}
}
@keyframes mobile-navigation-fade-out {
  0% { opacity: 100%;}
  100% { opacity: 0;}
}
@keyframes px350-mobile-navigation-link-shrink {
  0% { font-size: 2em;}
  100% { font-size: 1.5em;}
}
@keyframes px350-mobile-navigation-social-media-shrink {
  0% { height: 50px;}
  100% { height: 25px;}
}
@keyframes px351-mobile-navigation-link-enlarge {
  0% { font-size: 1.5em;}
  100% { font-size: 2em;}
}
@keyframes px351-mobile-navigation-social-media-enlarge {
  0% { height: 25px;}
  100% { height: 50px;}
}