diff --git a/layouts/default.vue b/layouts/default.vue
index 2b184d5..cdcd505 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -66,7 +66,8 @@ footer {
 
     footer {
         display: block;
-        width: 80%;
+        max-width: 80%;
+        min-width: 50%;
         align-items: center;
         text-align: center;
         margin: 5rem 1rem 1rem 1rem;
diff --git a/pages/about.vue b/pages/about.vue
index 9292ff4..3e1a247 100644
--- a/pages/about.vue
+++ b/pages/about.vue
@@ -27,4 +27,16 @@ p {
     margin-bottom: 1rem;
     line-height: 1.5;
 }
+
+@media (max-width: 768px) {
+    .aboutpage {
+        margin: 1rem;
+    }
+    h1{
+        font-size: 1.5rem;
+    }
+    p{
+        font-size: 1rem;
+    }
+}
 </style>
\ No newline at end of file
diff --git a/pages/index.vue b/pages/index.vue
index f4dc804..4fe6725 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -22,7 +22,7 @@
         strong Iteration Count: 
         | Determine the number of times a player will receive a new symbol during their turn.
       li 
-        strong Choose Categories:
+        strong Choose Categories: 
         | Sometimes you don't want all from everything so you can choose which specific categories you want in your game. If non choosen, all are selected automatically.
       li 
         strong Hit Start: 
@@ -82,6 +82,7 @@
 
 .section {
   margin-bottom: 2rem;
+  max-width: 100%;
 }
 
 h1 {
@@ -112,9 +113,11 @@ li {
   line-height: 1.5;
 }
 
-.biglogo{
-  display:block;
-  max-width: 500px;
+.biglogo {
+  display: block;
+  max-width: 450px;
+  max-width: 90%;
+  min-width: 10px;
   margin: auto;
 }
 
@@ -154,7 +157,8 @@ button:hover {
     font-size: 1.5rem;
   }
 
-  p {
+  p,
+  li {
     font-size: 1rem;
   }
 }