.site-header {
  position: sticky;    /* Activates sticky positioning */
  top: 0;             /* Locks the element to the top of the viewport */
  z-index: 100;       /* Keeps the header layered above page content */
  background-color: #ffffff; /* Prevents underlying text from showing through */
}