/* Navigation section scroll fix
   Ensures the sticky header never covers the beginning of a section. */

#services,
#portfolio,
#about,
#contact,
#process{
  scroll-margin-top:88px;
}

/* If a direct link to an individual service card is used later,
   leave enough room above it for the service heading to remain visible. */
#maintenance,
#hosting{
  scroll-margin-top:210px;
}

@media(max-width:820px){
  #services,
  #portfolio,
  #about,
  #contact,
  #process{
    scroll-margin-top:78px;
  }

  #maintenance,
  #hosting{
    scroll-margin-top:165px;
  }
}