@media only screen and (min-width: 900px) and (max-width: 954px) {
    #site-nav nav li a {
    padding: 9px 5px;
  }
}

@media only screen and (min-width: 955px) and (max-width: 1039px) {
    #site-nav nav li a {
    padding: 9px 10px;
  }
}