@media all and (min-width: 421px) and (max-aspect-ratio: 12/16) {
  .header-text-centered {
    animation-name: px421-min-header-two-piece-text-font-enlarge;
    /* Enlarges the Two Piece Header on a large-width 12/16 Aspect Ratio device */
    animation-duration: 1s;
    animation-fill-mode: forwards;
  }
}
@media all and (max-width: 420px) {
  .header-text-centered {
    animation-name: px420-max-header-two-piece-text-font-shrink;
    animation-duration: 1s;
    animation-fill-mode: forwards;
  }
}
@media all and (max-width: 350px) {
  .mobile-nav-link, .mobile-nav-social-image {
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
  }

  .mobile-nav-link {
    animation-name: px350-mobile-navigation-link-shrink;
  }
  .mobile-nav-social-image {
    animation-name: px350-mobile-navigation-social-media-shrink;
  }
}
@media all and (min-width: 351px) {
  .mobile-nav-link, .mobile-nav-social-image {
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
  }
  .mobile-nav-link {
    animation-name: px351-mobile-navigation-link-enlarge;
  }
  .mobile-nav-social-image {
    animation-name: px351-mobile-navigation-social-media-enlarge;
  }
}
@media all and (min-width: 801px) {
  section p.about-text-centered {
    animation-name: px801-min-aboutme-text-enlarge;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
  }
}
@media all and (max-width: 800px) {
  section p.about-text-centered {
    animation-name: px800-max-aboutme-text-shrink;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
  }
}