modified css for tablet and mobile

themes/default/static/css/main.css

@@ -28,7 +28,7 @@ header#banner{
 }
 	header#banner h1{
 		font-family: 'Syne';
-		font-size: 10em;
+		font-size: 9vw;
 		line-height:1.25;
 		margin: 0 auto;
 		padding-bottom: 0.5em;
@@ -137,7 +137,7 @@ ul.navprevnext{
 	ul.navprevnext li.none{
 		position: relative;
 		width: 20%;
-		height: 150px;
+		height: auto;
 		top:0;
 		background-color: #a4e7ff;
 		border-radius: 1em;
@@ -168,12 +168,14 @@ ul.navprevnext{
 	ul.navprevnext li.none,
 	ul.navprevnext li.prev{
 		float: left;
-		left:-5.5%;
+		left:-14%;
+		padding-bottom: 2.5em;
 	}
 	ul.navprevnext li.next,
 	ul.navprevnext li.done{
 		float: right;
 		right: -11.5%;
+		padding-bottom: 1.7em;
 	}
 	/* you finished this section */
 	ul.navprevnext li.done{
@@ -262,7 +264,7 @@ p {
 	}
 
 	header#banner h1 {
-		font-size: 2.5em;
+		font-size: 11vw;
 	}
 
 	h1.category {
@@ -306,7 +308,7 @@ p {
 	}
 
 	header#banner h1 {
-		font-size: 2.5em;
+		font-size: 11vw;
 	}
 
 	h1.category {