mobile friendly layout

html/style.css

@@ -38,7 +38,7 @@ html {
      padding: 0.5em 0.5em;
      border-radius: 4px;
 }
- .nav ul {
+ nav ul {
      padding-left: 0;
      border-radius: 4px;
      list-style: none;
@@ -49,29 +49,29 @@ html {
      background-color: #f0f0f0;
      border: 1px solid #bbbbdd;
 }
- .nav li:first-child {
+ nav li:first-child {
      border-left: none;
 }
- .nav li {
+ nav li {
      border-right: 1px solid #bbbbdd;
      border-left: 1px solid #ffffff;
 }
- .nav a {
+ nav a {
      padding: 0.4em 1em;
      display: inline-block;
      text-decoration: none;
      font-family: arial, sans;
 }
- .nav a:hover {
+ nav a:hover {
      background-color: #e0e0e0;
 }
- .nav a:link {
+ nav a:link {
      color: #44d;
 }
- .nav a:visited {
+ nav a:visited {
      color: #44d;
 }
- .nav a.here {
+ nav a.here {
      background-color: #e0e0e0;
 }
  @media only screen and (max-device-width: 480px) {