fixing most of the mobile shit

1 files changed, 18 insertions, 3 deletions

diff --git a/site/public/assets/style.css b/site/public/assets/style.css
index 5cd0b15..a11d905 100644
--- a/site/public/assets/style.css
+++ b/site/public/assets/style.css
@@ -491,7 +491,7 @@ nav .sub.active a {
   background: #888;
 	cursor:pointer;
 }
-.galnav span:hover {
+.desktop .galnav span:hover {
 	background:black;
 }
 .singleton .galnav { display: none }
@@ -829,7 +829,7 @@ nav .sub.active a {
   position: relative;
   display: inline-block;
 }
-.brady a:hover:after {
+.desktop .brady a:hover:after {
   content: 'SAY HELLO!';
   position: absolute;
   top: 40%;
@@ -1019,7 +1019,7 @@ nav .sub.active a {
 	  height: 55vw;
 	}
 	.menuActive #entry_container {
-		left:160px;
+		left:120px;
 	}
   #scene {
     -webkit-transition: left 0.2s;
@@ -1031,6 +1031,21 @@ nav .sub.active a {
 	body {
 		font-size: 18px;
 	}
+	nav {
+	  font-size: 0.6em;
+	  width: 120px;
+	}
+	.menuActive #entry_container .entry.all {
+    width:65%;
+	}
+	.menuActive .project {
+    height: 36vw;
+    text-transform: uppercase;
+    font-size:0.6em;
+	}
+	.menuActive .project span {
+    top: -18px;
+	}
 }
 .mobile .cell iframe {
 	width: 100%;