diff --git a/Portfolio.WebUI.Server/Components/Pages/Pokemon Pages/PokemonSleep.razor b/Portfolio.WebUI.Server/Components/Pages/Pokemon Pages/PokemonSleep.razor
index 4b97c11..f85bec6 100644
--- a/Portfolio.WebUI.Server/Components/Pages/Pokemon Pages/PokemonSleep.razor	
+++ b/Portfolio.WebUI.Server/Components/Pages/Pokemon Pages/PokemonSleep.razor	
@@ -10,41 +10,46 @@
 <!-- <PokemonBackground PokemonImages="pokemonImageUrls" ShinyPokemonImages="pokemonShinyImageUrls" /> -->
 <PokemonNavMenu />
 
-<!-- Card -->
-<div class="container card shadow-sm border-0 p-3 pb-4 mt-5 m-auto w-50 mb-5 bg-white rounded ">
+<!-- Large -->
+<div class="container d-none d-lg-block d-md-none card shadow-sm border-0 p-3 pb-4 mt-5 w-50 mb-5 bg-white rounded ">
 
     <!-- Top Row-->
-    <div class="row d-flex flex-row">
+    <div class="row d-flex flex-row px-3 mb-0 pb-0">
         <!-- Image side -->
-        <div class="col-5 border-0 ">
-            <img class="shadow-sm w-100 m-auto img-fluid rounded"  src="images/Pokemon_Sleep_ID.jpg" />
+        <div class="col-4 p-0">
+            <img class="shadow-sm m-auto img-fluid rounded"  src="images/Pokemon_Sleep_ID.jpg" />
         </div>
         <!-- Text side -->
-        <div class="col w-50 p-3"> 
-            <p class="fw-bold fst-italic fs-3">Pokémon Sleep? Really?</p>
-            <p class="fw-normal fs-6 text-start">
-                Yes, really! Pokémon Sleep has become a fun addition to my day since it's release.
-            </p>
-            <p class="fw-bold fst-italic fs-3">But what do you even do?</p>
-            <p class="fw-normal fs-6 text-start">
-                That's harder to explain. See, it isn't as much a game, as it is a gamified sleep tracker. But it's fun to collect the Pokémon and gather their berries and ingredients and create silly little Pokémon-themed foods. Plus, it encourages me to try to get to bed in a timely manner; though, if I'm honest, I definitely put my Pokémon to bed ahead of when I do.
-            </p>
+        <div class="col w-50 p-3 ps-4 pb-0">
+            <div class="row">
+                <p class="fw-bold fst-italic fs-3 mb-0">Pokémon Sleep? Really?</p>
+                <p class="fw-normal fs-6 font-monospace">
+                    Yes, really! Pokémon Sleep has become a fun addition to my day since it's release. Scan the QR code in the Pokémon Sleep app to send me a friend request!
+                </p>
+            </div>
+            <div class="row">
+                <p class="fw-bold fst-italic fs-3 mb-0">But what do you even do?</p>
+                <p class="fw-normal fs-6 font-monospace">
+                    That's harder to explain. See, it isn't as much a game, as it is a gamified sleep tracker. But it's fun to collect the Pokémon and gather their berries and ingredients and create silly little Pokémon-themed foods. Plus, it encourages me to try to get to bed in a timely manner; though, if I'm honest, I definitely put my Pokémon to bed ahead of when I do.
+                </p>
+
+            </div>
 
         </div>
     </div>
 
     <!-- Second Row -->
-    <div class="row mt-3">
-        <p class="fw-bold fst-italic fs-3">Okay, but why a whole section dedicated to Pokémon Sleep?</p>
-        <p class="fw-normal fs-6 text-start">
+    <div class="row mt-0 pt-0">
+        <p class="fw-bold fst-italic fs-3 mb-0">Okay, but why a whole section dedicated to Pokémon Sleep?</p>
+        <p class="fw-normal fs-6 font-monospace">
             Well, as it is in any Pokémon game, Natures (and in this case Subskills) matter, amongst other things. This was designed as a helpful tool in assessing new Pokémon acquired from Sleep Research.
         </p>
     </div>
 
     <!-- Button Row-->
-    <div class="d-flex justify-content-evenly mt-4 ">
+    <div class="row d-flex justify-content-evenly mt-3 ">
         <button class="btn btn-info rounded-4 d-flex justify-content-center" style="width:12rem;">
-            <NavLink class="nav-link d-flex align-items-center" href="/pokemonsleep/pokemon">
+            <NavLink class="nav-link d-flex align-items-center" href="/pokemon-sleep/pokemon">
                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-table" viewBox="0 0 16 16">
                     <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm15 2h-4v3h4zm0 4h-4v3h4zm0 4h-4v3h3a1 1 0 0 0 1-1zm-5 3v-3H6v3zm-5 0v-3H1v2a1 1 0 0 0 1 1zm-4-4h4V8H1zm0-4h4V4H1zm5-3v3h4V4zm4 4H6v3h4z" />
                 </svg>
@@ -53,7 +58,7 @@
         </button>
 
         <button class="btn btn-success rounded-4 d-flex justify-content-center" style="width:12rem;">
-            <NavLink class="nav-link d-flex align-items-center" href="/pokemonsleep/rate-pokemon">
+            <NavLink class="nav-link d-flex align-items-center" href="/pokemon-sleep/rate-pokemon">
                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#FFF" class="bi bi-award-fill" viewBox="0 0 16 16">
                     <path d="m8 0 1.669.864 1.858.282.842 1.68 1.337 1.32L13.4 6l.306 1.854-1.337 1.32-.842 1.68-1.858.282L8 12l-1.669-.864-1.858-.282-.842-1.68-1.337-1.32L2.6 6l-.306-1.854 1.337-1.32.842-1.68L6.331.864z" />
                     <path d="M4 11.794V16l4-1 4 1v-4.206l-2.018.306L8 13.126 6.018 12.1z" />
@@ -65,3 +70,116 @@
 
 
 </div>
+
+<!-- Medium -->
+<div class="container d-none d-lg-none d-md-block mt-3">
+    <!-- Top Row-->
+    <div class="row d-flex flex-row justify-content-center">
+        <!-- Top side -->
+        <div class="col p-0" >
+            <img class="shadow-sm m-auto img-fluid rounded" src="images/Pokemon_Sleep_ID.jpg" />
+        </div>
+        <div class="col text-wrap p-1 ps-3" >
+            <div class="row d-flex flex-row justify-content-center">
+                <!-- Bottom side -->
+                <p class="fw-bold fst-italic fs-3 mb-1">Pokémon Sleep? Really?</p>
+                <p class="fw-normal fs-6 text-start">
+                    Yes, really! Pokémon Sleep has become a fun addition to my day since it's release. Scan the QR code in the Pokémon Sleep app to send me a friend request!
+                </p>
+            </div>
+
+            <p class="fw-bold fst-italic fs-3 mb-0">But what do you even do?</p>
+            <div class="row d-flex flex-row justify-content-center">
+                <!-- Bottom side -->
+                <p class="fw-normal fs-6 text-start">
+                    That's harder to explain. See, it isn't as much a game, as it is a gamified sleep tracker. But it's fun to collect the Pokémon and gather their berries and ingredients and create silly little Pokémon-themed foods. Plus, it encourages me to try to get to bed in a timely manner; though, if I'm honest, I definitely put my Pokémon to bed ahead of when I do.
+                </p>
+            </div>
+
+        </div>
+    </div>
+    
+
+    <!-- Second Row -->
+    <div class="row d-flex flex-row justify-content-center p-1">
+        <p class="fw-bold fst-italic fs-3 mb-0">Okay, but why a whole section dedicated to Pokémon Sleep?</p>
+        <p class="fw-normal fs-6 text-start">
+            Well, as it is in any Pokémon game, Natures (and in this case Subskills) matter, amongst other things. This was designed as a helpful tool in assessing new Pokémon acquired from Sleep Research.
+        </p>
+    </div>
+
+    <!-- Button Row-->
+    <div class="row d-flex justify-content-evenly mt-3 ">
+        <button class="btn btn-info rounded-4 d-flex justify-content-center" style="width:12rem;">
+            <NavLink class="nav-link d-flex align-items-center" href="/pokemon-sleep/pokemon">
+                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-table" viewBox="0 0 16 16">
+                    <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm15 2h-4v3h4zm0 4h-4v3h4zm0 4h-4v3h3a1 1 0 0 0 1-1zm-5 3v-3H6v3zm-5 0v-3H1v2a1 1 0 0 0 1 1zm-4-4h4V8H1zm0-4h4V4H1zm5-3v3h4V4zm4 4H6v3h4z" />
+                </svg>
+                <span class="ps-1 text-white">Available Pokémon</span>
+            </NavLink>
+        </button>
+
+        <button class="btn btn-success rounded-4 d-flex justify-content-center" style="width:12rem;">
+            <NavLink class="nav-link d-flex align-items-center" href="/pokemon-sleep/rate-pokemon">
+                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#FFF" class="bi bi-award-fill" viewBox="0 0 16 16">
+                    <path d="m8 0 1.669.864 1.858.282.842 1.68 1.337 1.32L13.4 6l.306 1.854-1.337 1.32-.842 1.68-1.858.282L8 12l-1.669-.864-1.858-.282-.842-1.68-1.337-1.32L2.6 6l-.306-1.854 1.337-1.32.842-1.68L6.331.864z" />
+                    <path d="M4 11.794V16l4-1 4 1v-4.206l-2.018.306L8 13.126 6.018 12.1z" />
+                </svg>
+                <span class="ps-1 text-white">Rate Pokémon</span>
+            </NavLink>
+        </button>
+    </div>
+
+</div>
+
+<!-- Small -->
+<div class="container d-inline d-lg-none d-md-none mt-3 mx-auto">
+    <!-- Image-->
+    <div class="row d-flex flex-row justify-content-center">
+        <!-- Top side -->
+        <div class="col-6">
+            <img class="img-fluid rounded p-0" src="images/Pokemon_Sleep_ID.jpg" />
+        </div>
+    </div>
+
+    <div class="row mt-2 w-75 mx-auto p-1 ps-3">
+
+        <p class="fw-bold fst-italic fs-4 mb-1">Pokémon Sleep? Really?</p>
+        <p class="fw-normal fs-6 font-monospace">
+            Yes, really! Pokémon Sleep has become a fun addition to my day since it's release. Scan the QR code in the Pokémon Sleep app to send me a friend request!
+        </p>
+        <p class="fw-bold fst-italic fs-4 mb-0">But what do you even do?</p>
+        <p class="fw-normal fs-6 font-monospace">
+            That's harder to explain. See, it isn't as much a game, as it is a gamified sleep tracker. But it's fun to collect the Pokémon and gather their berries and ingredients and create silly little Pokémon-themed foods. Plus, it encourages me to try to get to bed in a timely manner; though, if I'm honest, I definitely put my Pokémon to bed ahead of when I do.
+        </p>
+        <p class="fw-bold fst-italic fs-4 mb-0">Okay, but why a whole section dedicated to Pokémon Sleep?</p>
+        <p class="fw-normal fs-6 font-monospace">
+            Well, as it is in any Pokémon game, Natures (and in this case Subskills) matter, amongst other things. This was designed as a helpful tool in assessing new Pokémon acquired from Sleep Research.
+        </p>
+
+    </div>
+
+
+    <!-- Button Row-->
+    <div class="row d-flex justify-content-evenly mt-2">
+        <button class="btn btn-info rounded-4 d-flex justify-content-center" style="width:12rem;">
+            <NavLink class="nav-link d-flex align-items-center" href="/pokemon-sleep/pokemon">
+                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-table" viewBox="0 0 16 16">
+                    <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm15 2h-4v3h4zm0 4h-4v3h4zm0 4h-4v3h3a1 1 0 0 0 1-1zm-5 3v-3H6v3zm-5 0v-3H1v2a1 1 0 0 0 1 1zm-4-4h4V8H1zm0-4h4V4H1zm5-3v3h4V4zm4 4H6v3h4z" />
+                </svg>
+                <span class="ps-1 text-white">Available Pokémon</span>
+            </NavLink>
+        </button>
+
+        <button class="btn btn-success rounded-4 d-flex justify-content-center" style="width:12rem;">
+            <NavLink class="nav-link d-flex align-items-center" href="/pokemon-sleep/rate-pokemon">
+                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#FFF" class="bi bi-award-fill" viewBox="0 0 16 16">
+                    <path d="m8 0 1.669.864 1.858.282.842 1.68 1.337 1.32L13.4 6l.306 1.854-1.337 1.32-.842 1.68-1.858.282L8 12l-1.669-.864-1.858-.282-.842-1.68-1.337-1.32L2.6 6l-.306-1.854 1.337-1.32.842-1.68L6.331.864z" />
+                    <path d="M4 11.794V16l4-1 4 1v-4.206l-2.018.306L8 13.126 6.018 12.1z" />
+                </svg>
+                <span class="ps-1 text-white">Rate Pokémon</span>
+            </NavLink>
+        </button>
+    </div>
+
+</div>