px --> rem

css/main.css

@@ -1,6 +1,6 @@
 /* Global page and element settings ----------------------------------------------------- */
 body {
-  font-size: 16px;
+/*  font-size: 16px;*/
   font-family: "Montserrat", Helvetica, sans-serif !important;
 }
 
@@ -69,7 +69,7 @@ html {
 .movControl, .movControla, .movControlb {
 	background: #FFFFFF;
 	color: #999;
-    font-size: 20px;
+    font-size: 1.25rem;
     cursor: pointer;
     }
 .selected {
@@ -83,12 +83,12 @@ span[name="utterance"]:hover {
     }
 em.linenumber { 
     display: inline-block;
-    width: 60px;
+    width: 3.75rem;
 	color:#999;
 	font-style: normal;
 	background:#FFFFFF;
     text-align: right;
-    padding-right: 16px;
+    padding-right: 1rem;
     }
 td {
 vertical-align: top;