Mobile nav now gives visual hint of where you are + added images to mobile pages

media/css/mobile/around.css

@@ -32,7 +32,7 @@
     font-family:'LG', 'Arial Narrow', sans-serif;
 }
 
-#around .title {
+#wrapper #around .title {
     text-transform:uppercase;
     color:#ede0ab;
     font-size:1.2em;

media/css/mobile/base.css

@@ -60,7 +60,7 @@ html, body {
     margin-left:0;
 }
 
-.page-nav ul li.active {
+#sharing .page-nav ul li:first-child, #around .page-nav ul li:nth-child(2), #hall .page-nav ul li:nth-child(3) {
     background:#1b1b1b;
     border-bottom:1px solid #909090;
     border-top:1px solid transparent;

media/css/mobile/hall.css

@@ -32,7 +32,7 @@
     font-family:'LG', 'Arial Narrow', sans-serif;
 }
 
-#hall .title {
+#wrapper #hall .title {
     text-transform:uppercase;
     color:#ede0ab;
     font-size:1.2em;
@@ -95,7 +95,7 @@
 #hall .block-2 canvas {
     display:block;
     margin:20px auto;
-    background:#444;
+    background:url('../../img/mobile/spritesheet.png') no-repeat -150px -250px;
 }
 
 #hall .block-2 .breakdown {

media/css/mobile/home.css

@@ -93,4 +93,12 @@ a.button em {
     font-style:normal;
     text-transform:uppercase;
     display:block;
+}
+
+#home footer a.button {
+    display:none;
+}
+
+#home a.button {
+    margin-bottom:50px;
 }

media/css/mobile/sharing.css

@@ -24,7 +24,7 @@
     font-family:'LG', 'Arial Narrow', sans-serif;
 }
 
-#sharing .title {
+#wrapper .title {
     text-transform:uppercase;
     color:#ede0ab;
     font-size:1.2em;
@@ -85,7 +85,7 @@
     margin:20px auto 0;
     height:150px;
     width:150px;
-    background:#000;
+    background:url('../../img/mobile/spritesheet.png') no-repeat 0 -250px;
 }
 
 #sharing .block-2 .breakdown {