diff --git a/index.css b/index.css
index 6dcc798..6a75c49 100644
--- a/index.css
+++ b/index.css
@@ -112,6 +112,7 @@ footer {
     width: 100%;
     border-top: 1px solid #222222;
     margin-top: 5rem;
+    text-align: center;
 }
 body.light-mode footer {
     background-color: #eeeeee;
@@ -183,6 +184,7 @@ main {
     display: flex;
     flex-direction: column;
     align-items: center;
+    text-align: center;
     color: rgb(216, 216, 216);
 }
 .home-container h1 {
@@ -433,6 +435,7 @@ footer a {
 }
 
 @media (max-width: 768px) {
+    /* Nav Bar */
     nav ul {
         display: none;
     }
@@ -548,4 +551,47 @@ footer a {
     body.light-mode .dark-mode-toggle-mobile:hover {
         background-color: #e0e0e0;
     }
+
+    /* Content */
+    .home-container h1 {
+        font-size: 2rem;
+    }
+    .home-container h2 {
+        font-size: 1.5rem;
+    }
+    .home-container p {
+        font-size: 1rem;
+        margin-top: 1.5rem;
+    }
+
+    .projects-container h1 {
+        font-size: 1.75rem;
+    }
+    .projects {
+        padding-left: 1.5rem;
+        padding-right: 1.5rem;
+    }
+    .project h1 {
+        font-size: 1.5rem;
+    }
+    .project li {
+        font-size: 0.90rem;
+    }
+
+    .skills-container h1 {
+        font-size: 1.75rem;
+    }
+    .skills-container ul {
+        padding-left: 0.5rem;
+        padding-right: 0.5rem;
+    }
+
+    .contact-container {
+        padding-left: 1.5rem;
+        padding-right: 1.5rem;
+        text-align: center;
+    }
+    .contact-container h1 {
+        font-size: 1.75rem;
+    }
 }
\ No newline at end of file