change font + size

Author: TheCharmingSociopath

_sass/_base.scss

@@ -1,6 +1,5 @@
 html{
-  zoom: 100%;
-  font-size: 24px;
+  font-size: 26px;
 }
 
 .badge {

_sass/main.scss

@@ -1,8 +1,5 @@
 @charset "utf-8";
 
-// Custom Fonts
-@import url('https://fonts.googleapis.com/css?family=Roboto');
-
 // Import partials from `sass_dir` (defaults to `_sass`)
 @import "variables",
         "404",
@@ -22,8 +19,24 @@ a {
     text-decoration: none; /* Optional: removes underline */
   }
 
-  /* Link color on hover */
-  a:hover {
-    color: #004088; 
-    text-decoration: none; /* Optional: removes underline */
-  }
+/* Link color on hover */
+a:hover {
+  color: #004088; 
+  text-decoration: none; /* Optional: removes underline */
+}
+
+body {
+    font-family: 'Segoe UI Emoji', 'Segoe UI Symbol', 'Segoe UI',  Roboto, 'Helvetica Neue', Arial, sans-serif;
+  }
+
+.container {
+  @media (min-width: 1200px) {
+    max-width: 75%;
+  }
+  @media (max-width: 1199px) {
+    max-width: 90%;  // More width on medium screens
+  }
+  @media (max-width: 768px) {
+    max-width: 95%;  // Almost full width on mobile
+  }
+}