@charset "utf-8";
/* CSS Document */

/*#a-z ul{
  list-style: none;
}
#a-z li{
  display: inline;
  text-decoration:none;
  font-size:22px;
  background-color:#000000;
  color:#fff;
  padding:0 50px;
}*/


nav {
  width: 100%;
  /*background: #f0f0f0;*/
  border-top: 1px solid #ccc;
  border-left:1px solid #ccc;
  border-right: none;
}

nav ul {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

nav ul li {
  list-style: none;
  float: left;
  text-align: center;
  border-left: 1px solid #fff;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  width: 10%; /* fallback for non-calc() browsers */
  width: calc(100% / 10);
  box-sizing: border-box;
  font-size:24px;
  font-weight:bold;
}

nav ul li:first-child {
  border-left: none;
}

nav ul li a {
  display: block;
  text-decoration: none;
  color: #20558b;
  padding: 10px 0;
}

nav ul li a:hover {
  display: block;
  text-decoration: none;
  color: #fff;
  background-color:#20558b;
  padding: 10px 0;
}


@media screen and (max-width: 1024px ) {
nav ul li {
  width: 12.5%; /* fallback for non-calc() browsers */
  width: calc(100% / 8);
  box-sizing: border-box;
  font-size:24px;
  font-weight:bold;
}


}


@media screen and (max-width: 640px ) {
nav ul li {
  width: 20%; /* fallback for non-calc() browsers */
  width: calc(100% / 5);
  box-sizing: border-box;
  font-size:24px;
  font-weight:bold;
}


}