/*
Overrides for when In Production displays
*/


#page-nav {
  margin: 0 40px 10px 0;
  font-size: 36px;
  line-height: 86px;
}

#page-nav a,
#page-nav a:visited {
  letter-spacing: 8px;
}


/* max width of 1024 pixels. */
@media screen and (max-width: 1024px) {

  #page-nav {
    line-height: 66px;
    margin-bottom: 40px;
  }

  .search {
    width: 100%;
    float: left;
    display: block;
    position: absolute;
    top: 30px;
  }

}


/* max width of 800 pixels. */
@media screen and (max-width: 800px) {

  #page-nav {
    line-height: 50px;
    font-size: 32px;
  }

}


/* max width of 620 pixels. */
@media screen and (max-width: 620px) {

  #page-nav {
    font-size: 34px;
  }

  .search {
    top: 75px;
  }

}


/* max width of 480 pixels. */
@media screen and (max-width: 480px) {

  #page-nav a,
  #page-nav a:visited {
    letter-spacing: 1px;
  }

}