diff --git a/hourglass/client/main/main.css b/hourglass/client/main/main.css
index e1075b1..91004c8 100644
--- a/hourglass/client/main/main.css
+++ b/hourglass/client/main/main.css
@@ -299,12 +299,15 @@ body {
 	padding: 0 6% 0 6%;
 	line-height: 6vh;
 	display: table-cell;
+	vertical-align: middle;
 }
 
 .mode h4 {
-	width: 74%;
+	width: 65%;
+	padding-left: 9%;
 	line-height: 6vh;
 	display: table-cell;
+	vertical-align: middle;
 }
 
 #divLeftBar .fa-university, #divLeftBar .fa-calendar, #divLeftBar .fa-download, #divLeftBar .fa-tasks,
diff --git a/hourglass/client/menus/menus.css b/hourglass/client/menus/menus.css
index af1faab..b83b278 100644
--- a/hourglass/client/menus/menus.css
+++ b/hourglass/client/menus/menus.css
@@ -233,7 +233,7 @@
 }
 
 #classInfoModeWrapper span {
-	font-size: 150%;
+	font-size: 2.5vh;
 	width: 50%;
 	padding: 1.5%;
 	background-color: rgba(0,0,0,0.05);
@@ -267,12 +267,12 @@
 }
 
 #infoClassCont h4 {
-	font-size: 150%;
+	font-size: 2.5vh;
 	text-align: center;
 }
 
 #infoClassCont span {
-	font-size: 170%;
+	font-size: 2.8vh;
 	margin-top: 5%;
 	display: block;
 	word-wrap: break-word;
@@ -299,7 +299,7 @@
 }
 
 #infoClassCont div .fa-files-o{
-	font-size: 120%;
+	font-size: 2vh;
 
 	position: absolute;
 	top: 10%;
@@ -343,14 +343,15 @@
 }
 
 .userAdder h4 {
+	font-size: 2.3vh !important;
 	width: 30%;
 	text-align: left !important;
 	display: table-cell;
 }
 
 .userAdder input {
-	font-size: 120%;
-	width: 58%;
+	font-size: 2vh;
+	width: 53%;
 	padding: 1%;
 	outline: none;
 }
@@ -380,13 +381,13 @@
 }
 
 .userDisp span {
-	font-size: 100% !important;
-	margin: 0 0 0 5%!important;
+	font-size: 1.5vh !important;
+	margin: 0 !important;
 	text-align: left;
 }
 
 .userDisp .fa {
-	font-size: 120%;
+	font-size: 1.7vh;
 	cursor: pointer;
 	margin-left: 4.5%;