/**
 * ------------------------------------------------------------------------------------------------- 
 * Navigation
 * -------------------------------------------------------------------------------------------------
 */
/* The .js or .no-js dance of show and hide */
@media screen and (max-width: 1024px) {
  .no-js .show_menu_btn {
    display: none; }
  .no-js #nav ul {
    display: block; }

  .js .show_menu_btn {
    display: block; }
  .js #nav ul {
    display: none; } }
@media screen and (min-width: 1025px) {
  .show_menu_btn {
    display: none; }

  #nav ul {
    display: block; } }


/* The menu itself */
#nav ul {
  margin:0; padding:45px 0 0 0; }
  #nav ul li {
    padding: 0.5em; }
  #nav ul li:hover {
    background: red; }
  #nav ul a {
    display: block;
    font-size: 1em;
    color: #eee;
    border-bottom: none; }

@media screen and (max-width: 1024px) {
  #nav ul {
    display: block;}
    #nav ul li {
      display: block;
      text-align: center;
      border-bottom: 1px solid #6f6f7a; } }
@media screen and (min-width: 1025px) {
  #nav {
    overflow: hidden; }
    #nav ul li {
      width: 7em;
      float: left;
      margin-right:0; } }