diff --git a/package-lock.json b/package-lock.json
index 9165a83..5dcf80f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,7 @@
       "name": "firstpictureframewhse",
       "version": "1.0.0",
       "dependencies": {
-        "gatsby": "^4.24.1",
+        "gatsby": "^4.25.6",
         "gatsby-plugin-google-fonts": "^1.0.1",
         "gatsby-plugin-image": "^2.16.1",
         "gatsby-plugin-manifest": "^4.15.0",
@@ -3780,6 +3780,11 @@
         "node": ">=8"
       }
     },
+    "node_modules/@socket.io/component-emitter": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.0.tgz",
+      "integrity": "sha512-+9jVqKhRSpsc591z5vX+X5Yyw+he/HCB4iQ/RYxw35CEPaY1gnsNE43nf9n9AaYjAQrTiI/mOwKUKdUs9vf7Xg=="
+    },
     "node_modules/@swc/helpers": {
       "version": "0.4.14",
       "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.4.14.tgz",
@@ -3865,11 +3870,6 @@
       "resolved": "https://registry.npmjs.org/@types/common-tags/-/common-tags-1.8.1.tgz",
       "integrity": "sha512-20R/mDpKSPWdJs5TOpz3e7zqbeCNuMCPhV7Yndk9KU2Rbij2r5W4RzwDPkzC+2lzUqXYu9rFzTktCBnDjHuNQg=="
     },
-    "node_modules/@types/component-emitter": {
-      "version": "1.2.11",
-      "resolved": "https://registry.npmjs.org/@types/component-emitter/-/component-emitter-1.2.11.tgz",
-      "integrity": "sha512-SRXjM+tfsSlA9VuG8hGO2nft2p8zjXCK1VcC6N4NXbBbYbSia9kzCChYQajIjzIqOOOuh5Ock6MmV2oux4jDZQ=="
-    },
     "node_modules/@types/configstore": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/@types/configstore/-/configstore-2.1.1.tgz",
@@ -5158,11 +5158,6 @@
         "babylon": "bin/babylon.js"
       }
     },
-    "node_modules/backo2": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/backo2/-/backo2-1.0.2.tgz",
-      "integrity": "sha512-zj6Z6M7Eq+PBZ7PQxl5NT665MvJdAkzp0f60nAJ+sLaSCBPMwVak5ZegFbgVCzFcCJTKFoMizvM5Ld7+JrRJHA=="
-    },
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -5176,14 +5171,6 @@
         "safe-buffer": "^5.0.1"
       }
     },
-    "node_modules/base64-arraybuffer": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/base64-arraybuffer/-/base64-arraybuffer-0.1.4.tgz",
-      "integrity": "sha512-a1eIFi4R9ySrbiMuyTGx5e92uRH5tQY6kArNcFaKBUleIoLjdjBg7Zxm3Mqm3Kmkf27HLR/1fnxX9q8GQ7Iavg==",
-      "engines": {
-        "node": ">= 0.6.0"
-      }
-    },
     "node_modules/base64-js": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
@@ -6108,11 +6095,6 @@
       "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
       "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg=="
     },
-    "node_modules/component-emitter": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz",
-      "integrity": "sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg=="
-    },
     "node_modules/compressible": {
       "version": "2.0.18",
       "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
@@ -7112,48 +7094,43 @@
       }
     },
     "node_modules/engine.io": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-4.1.2.tgz",
-      "integrity": "sha512-t5z6zjXuVLhXDMiFJPYsPOWEER8B0tIsD3ETgw19S1yg9zryvUfY3Vhtk3Gf4sihw/bQGIqQ//gjvVlu+Ca0bQ==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.2.1.tgz",
+      "integrity": "sha512-ECceEFcAaNRybd3lsGQKas3ZlMVjN3cyWwMP25D2i0zWfyiytVbTpRPa34qrr+FHddtpBVOmq4H/DCv1O0lZRA==",
       "dependencies": {
+        "@types/cookie": "^0.4.1",
+        "@types/cors": "^2.8.12",
+        "@types/node": ">=10.0.0",
         "accepts": "~1.3.4",
         "base64id": "2.0.0",
         "cookie": "~0.4.1",
         "cors": "~2.8.5",
         "debug": "~4.3.1",
-        "engine.io-parser": "~4.0.0",
-        "ws": "~7.4.2"
+        "engine.io-parser": "~5.0.3",
+        "ws": "~8.2.3"
       },
       "engines": {
         "node": ">=10.0.0"
       }
     },
     "node_modules/engine.io-client": {
-      "version": "4.1.4",
-      "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-4.1.4.tgz",
-      "integrity": "sha512-843fqAdKeUMFqKi1sSjnR11tJ4wi8sIefu6+JC1OzkkJBmjtc/gM/rZ53tJfu5Iae/3gApm5veoS+v+gtT0+Fg==",
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-6.2.3.tgz",
+      "integrity": "sha512-aXPtgF1JS3RuuKcpSrBtimSjYvrbhKW9froICH4s0F3XQWLxsKNxqzG39nnvQZQnva4CMvUK63T7shevxRyYHw==",
       "dependencies": {
-        "base64-arraybuffer": "0.1.4",
-        "component-emitter": "~1.3.0",
+        "@socket.io/component-emitter": "~3.1.0",
         "debug": "~4.3.1",
-        "engine.io-parser": "~4.0.1",
-        "has-cors": "1.1.0",
-        "parseqs": "0.0.6",
-        "parseuri": "0.0.6",
-        "ws": "~7.4.2",
-        "xmlhttprequest-ssl": "~1.6.2",
-        "yeast": "0.1.2"
+        "engine.io-parser": "~5.0.3",
+        "ws": "~8.2.3",
+        "xmlhttprequest-ssl": "~2.0.0"
       }
     },
     "node_modules/engine.io-parser": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-4.0.3.tgz",
-      "integrity": "sha512-xEAAY0msNnESNPc00e19y5heTPX4y/TJ36gr8t1voOaNmTojP9b3oK3BbJLFufW2XFPQaaijpFewm2g2Um3uqA==",
-      "dependencies": {
-        "base64-arraybuffer": "0.1.4"
-      },
+      "version": "5.0.6",
+      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.0.6.tgz",
+      "integrity": "sha512-tjuoZDMAdEhVnSFleYPCtdL2GXwVTGtNjoeJd9IhIG3C1xs9uwxqRNEu5WpnDZCaozwVlK/nuQhpodhXSIMaxw==",
       "engines": {
-        "node": ">=8.0.0"
+        "node": ">=10.0.0"
       }
     },
     "node_modules/enhanced-resolve": {
@@ -8841,9 +8818,9 @@
       }
     },
     "node_modules/gatsby": {
-      "version": "4.25.0",
-      "resolved": "https://registry.npmjs.org/gatsby/-/gatsby-4.25.0.tgz",
-      "integrity": "sha512-zR/u0X60Ww250XqHGytAVFDfFJUpDzMnbPHQ7uAqr6zLgU03DBKyjqKiRpFsGx7L7ENj61hdorjz12IiNj6DIw==",
+      "version": "4.25.6",
+      "resolved": "https://registry.npmjs.org/gatsby/-/gatsby-4.25.6.tgz",
+      "integrity": "sha512-6kkUBWtGgb+SMd36ZdHpFJ+f/sq62ngRMVkM0Tna5AKcGnzLZgnA1h9/OHlU3bSz9TGNsyRcU7yFSlwxmStQgw==",
       "hasInstallScript": true,
       "dependencies": {
         "@babel/code-frame": "^7.14.0",
@@ -8932,7 +8909,7 @@
         "gatsby-legacy-polyfills": "^2.25.0",
         "gatsby-link": "^4.25.0",
         "gatsby-page-utils": "^2.25.0",
-        "gatsby-parcel-config": "^0.16.0",
+        "gatsby-parcel-config": "0.16.0",
         "gatsby-plugin-page-creator": "^4.25.0",
         "gatsby-plugin-typescript": "^4.25.0",
         "gatsby-plugin-utils": "^3.19.0",
@@ -8991,8 +8968,8 @@
         "shallow-compare": "^1.2.2",
         "signal-exit": "^3.0.5",
         "slugify": "^1.6.1",
-        "socket.io": "3.1.2",
-        "socket.io-client": "3.1.3",
+        "socket.io": "4.5.4",
+        "socket.io-client": "4.5.4",
         "st": "^2.0.0",
         "stack-trace": "^0.0.10",
         "string-similarity": "^1.2.2",
@@ -9010,7 +8987,7 @@
         "webpack-stats-plugin": "^1.0.3",
         "webpack-virtual-modules": "^0.3.2",
         "xstate": "4.32.1",
-        "yaml-loader": "^0.6.0"
+        "yaml-loader": "^0.8.0"
       },
       "bin": {
         "gatsby": "cli.js"
@@ -10354,11 +10331,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/has-cors": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/has-cors/-/has-cors-1.1.0.tgz",
-      "integrity": "sha512-g5VNKdkFuUuVCP9gYfDJHjK2nqdQJ7aDLTnycnc2+RvsOQbuLdF5pm7vuE5J76SEBIQjs4kQY/BWq74JUmjbXA=="
-    },
     "node_modules/has-flag": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
@@ -11308,6 +11280,11 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/javascript-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/javascript-stringify/-/javascript-stringify-2.1.0.tgz",
+      "integrity": "sha512-JVAfqNPTvNq3sB/VHQJAFxN/sPgKnsKrCwyRt15zwNCdrMMJDdcEOdubuy+DuJYYdm0ox1J4uzEuYKkN+9yhVg=="
+    },
     "node_modules/jest-worker": {
       "version": "26.6.2",
       "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-26.6.2.tgz",
@@ -12905,16 +12882,6 @@
         "url": "https://github.com/inikulin/parse5?sponsor=1"
       }
     },
-    "node_modules/parseqs": {
-      "version": "0.0.6",
-      "resolved": "https://registry.npmjs.org/parseqs/-/parseqs-0.0.6.tgz",
-      "integrity": "sha512-jeAGzMDbfSHHA091hr0r31eYfTig+29g3GKKE/PPbEQ65X0lmMwlEoqmhzu0iztID5uJpZsFlUPDP8ThPL7M8w=="
-    },
-    "node_modules/parseuri": {
-      "version": "0.0.6",
-      "resolved": "https://registry.npmjs.org/parseuri/-/parseuri-0.0.6.tgz",
-      "integrity": "sha512-AUjen8sAkGgao7UyCX6Ahv0gIK2fABKmYjvP4xmy5JaKvcbTRueIqIPHLAfq30xJddqSE033IOMUSOMCcK3Sow=="
-    },
     "node_modules/parseurl": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
@@ -15354,53 +15321,46 @@
       }
     },
     "node_modules/socket.io": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-3.1.2.tgz",
-      "integrity": "sha512-JubKZnTQ4Z8G4IZWtaAZSiRP3I/inpy8c/Bsx2jrwGrTbKeVU5xd6qkKMHpChYeM3dWZSO0QACiGK+obhBNwYw==",
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-4.5.4.tgz",
+      "integrity": "sha512-m3GC94iK9MfIEeIBfbhJs5BqFibMtkRk8ZpKwG2QwxV0m/eEhPIV4ara6XCF1LWNAus7z58RodiZlAH71U3EhQ==",
       "dependencies": {
-        "@types/cookie": "^0.4.0",
-        "@types/cors": "^2.8.8",
-        "@types/node": ">=10.0.0",
         "accepts": "~1.3.4",
         "base64id": "~2.0.0",
-        "debug": "~4.3.1",
-        "engine.io": "~4.1.0",
-        "socket.io-adapter": "~2.1.0",
-        "socket.io-parser": "~4.0.3"
+        "debug": "~4.3.2",
+        "engine.io": "~6.2.1",
+        "socket.io-adapter": "~2.4.0",
+        "socket.io-parser": "~4.2.1"
       },
       "engines": {
         "node": ">=10.0.0"
       }
     },
     "node_modules/socket.io-adapter": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-2.1.0.tgz",
-      "integrity": "sha512-+vDov/aTsLjViYTwS9fPy5pEtTkrbEKsw2M+oVSoFGw6OD1IpvlV1VPhUzNbofCQ8oyMbdYJqDtGdmHQK6TdPg=="
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-2.4.0.tgz",
+      "integrity": "sha512-W4N+o69rkMEGVuk2D/cvca3uYsvGlMwsySWV447y99gUPghxq42BxqLNMndb+a1mm/5/7NeXVQS7RLa2XyXvYg=="
     },
     "node_modules/socket.io-client": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-3.1.3.tgz",
-      "integrity": "sha512-4sIGOGOmCg3AOgGi7EEr6ZkTZRkrXwub70bBB/F0JSkMOUFpA77WsL87o34DffQQ31PkbMUIadGOk+3tx1KGbw==",
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-4.5.4.tgz",
+      "integrity": "sha512-ZpKteoA06RzkD32IbqILZ+Cnst4xewU7ZYK12aS1mzHftFFjpoMz69IuhP/nL25pJfao/amoPI527KnuhFm01g==",
       "dependencies": {
-        "@types/component-emitter": "^1.2.10",
-        "backo2": "~1.0.2",
-        "component-emitter": "~1.3.0",
-        "debug": "~4.3.1",
-        "engine.io-client": "~4.1.0",
-        "parseuri": "0.0.6",
-        "socket.io-parser": "~4.0.4"
+        "@socket.io/component-emitter": "~3.1.0",
+        "debug": "~4.3.2",
+        "engine.io-client": "~6.2.3",
+        "socket.io-parser": "~4.2.1"
       },
       "engines": {
         "node": ">=10.0.0"
       }
     },
     "node_modules/socket.io-parser": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.0.5.tgz",
-      "integrity": "sha512-sNjbT9dX63nqUFIOv95tTVm6elyIU4RvB1m8dOeZt+IgWwcWklFDOdmGcfo3zSiRsnR/3pJkjY5lfoGqEe4Eig==",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.2.tgz",
+      "integrity": "sha512-DJtziuKypFkMMHCm2uIshOYC7QaylbtzQwiMYDuCKy3OPkjLzu4B2vAhTlqipRHHzrI0NJeBAizTK7X+6m1jVw==",
       "dependencies": {
-        "@types/component-emitter": "^1.2.10",
-        "component-emitter": "~1.3.0",
+        "@socket.io/component-emitter": "~3.1.0",
         "debug": "~4.3.1"
       },
       "engines": {
@@ -17271,11 +17231,11 @@
       }
     },
     "node_modules/ws": {
-      "version": "7.4.6",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-7.4.6.tgz",
-      "integrity": "sha512-YmhHDO4MzaDLB+M9ym/mDA5z0naX8j7SIlT8f8z+I0VtzsRbekxEutHSme7NPS2qE8StCYQNUnfWdXta/Yu85A==",
+      "version": "8.2.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.2.3.tgz",
+      "integrity": "sha512-wBuoj1BDpC6ZQ1B7DWQBYVLphPWkm8i9Y0/3YdHjHKHiohOJ1ws+3OccDWtH+PoC9DZD5WOTrJvNbWvjS6JWaA==",
       "engines": {
-        "node": ">=8.3.0"
+        "node": ">=10.0.0"
       },
       "peerDependencies": {
         "bufferutil": "^4.0.1",
@@ -17299,9 +17259,9 @@
       }
     },
     "node_modules/xmlhttprequest-ssl": {
-      "version": "1.6.3",
-      "resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-1.6.3.tgz",
-      "integrity": "sha512-3XfeQE/wNkvrIktn2Kf0869fC0BN6UpydVasGIeSm2B1Llihf7/0UfZM+eCkOw3P7bP4+qPgqhm7ZoxuJtFU0Q==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-2.0.0.tgz",
+      "integrity": "sha512-QKxVRxiRACQcVuQEYFsI1hhkrMlrXHPegbbd1yn9UHOmRxY+si12nQYzri3vbzt8VdTTRviqcKxcyllFas5z2A==",
       "engines": {
         "node": ">=0.4.0"
       }
@@ -17367,39 +17327,24 @@
       }
     },
     "node_modules/yaml-loader": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/yaml-loader/-/yaml-loader-0.6.0.tgz",
-      "integrity": "sha512-1bNiLelumURyj+zvVHOv8Y3dpCri0F2S+DCcmps0pA1zWRLjS+FhZQg4o3aUUDYESh73+pKZNI18bj7stpReow==",
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/yaml-loader/-/yaml-loader-0.8.0.tgz",
+      "integrity": "sha512-LjeKnTzVBKWiQBeE2L9ssl6WprqaUIxCSNs5tle8PaDydgu3wVFXTbMfsvF2MSErpy9TDVa092n4q6adYwJaWg==",
       "dependencies": {
-        "loader-utils": "^1.4.0",
-        "yaml": "^1.8.3"
+        "javascript-stringify": "^2.0.1",
+        "loader-utils": "^2.0.0",
+        "yaml": "^2.0.0"
       },
       "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/yaml-loader/node_modules/json5": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
-      "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
-      "dependencies": {
-        "minimist": "^1.2.0"
-      },
-      "bin": {
-        "json5": "lib/cli.js"
+        "node": ">= 12.13"
       }
     },
-    "node_modules/yaml-loader/node_modules/loader-utils": {
-      "version": "1.4.2",
-      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.2.tgz",
-      "integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==",
-      "dependencies": {
-        "big.js": "^5.2.2",
-        "emojis-list": "^3.0.0",
-        "json5": "^1.0.1"
-      },
+    "node_modules/yaml-loader/node_modules/yaml": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.2.2.tgz",
+      "integrity": "sha512-CBKFWExMn46Foo4cldiChEzn7S7SRV+wqiluAb6xmueD/fGyRHIhX8m14vVGgeFWjN540nKCNVj6P21eQjgTuA==",
       "engines": {
-        "node": ">=4.0.0"
+        "node": ">= 14"
       }
     },
     "node_modules/yargs": {
@@ -17491,11 +17436,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/yeast": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/yeast/-/yeast-0.1.2.tgz",
-      "integrity": "sha512-8HFIh676uyGYP6wP13R/j6OJ/1HwJ46snpvzE7aHAN3Ryqh2yX6Xox2B4CUmTwwOIzlG3Bs7ocsP5dZH/R1Qbg=="
-    },
     "node_modules/yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
@@ -20132,6 +20072,11 @@
         }
       }
     },
+    "@socket.io/component-emitter": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.0.tgz",
+      "integrity": "sha512-+9jVqKhRSpsc591z5vX+X5Yyw+he/HCB4iQ/RYxw35CEPaY1gnsNE43nf9n9AaYjAQrTiI/mOwKUKdUs9vf7Xg=="
+    },
     "@swc/helpers": {
       "version": "0.4.14",
       "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.4.14.tgz",
@@ -20203,11 +20148,6 @@
       "resolved": "https://registry.npmjs.org/@types/common-tags/-/common-tags-1.8.1.tgz",
       "integrity": "sha512-20R/mDpKSPWdJs5TOpz3e7zqbeCNuMCPhV7Yndk9KU2Rbij2r5W4RzwDPkzC+2lzUqXYu9rFzTktCBnDjHuNQg=="
     },
-    "@types/component-emitter": {
-      "version": "1.2.11",
-      "resolved": "https://registry.npmjs.org/@types/component-emitter/-/component-emitter-1.2.11.tgz",
-      "integrity": "sha512-SRXjM+tfsSlA9VuG8hGO2nft2p8zjXCK1VcC6N4NXbBbYbSia9kzCChYQajIjzIqOOOuh5Ock6MmV2oux4jDZQ=="
-    },
     "@types/configstore": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/@types/configstore/-/configstore-2.1.1.tgz",
@@ -21220,11 +21160,6 @@
       "resolved": "https://registry.npmjs.org/babylon/-/babylon-6.18.0.tgz",
       "integrity": "sha512-q/UEjfGJ2Cm3oKV71DJz9d25TPnq5rhBVL2Q4fA5wcC3jcrdn7+SssEybFIxwAvvP+YCsCYNKughoF33GxgycQ=="
     },
-    "backo2": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/backo2/-/backo2-1.0.2.tgz",
-      "integrity": "sha512-zj6Z6M7Eq+PBZ7PQxl5NT665MvJdAkzp0f60nAJ+sLaSCBPMwVak5ZegFbgVCzFcCJTKFoMizvM5Ld7+JrRJHA=="
-    },
     "balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -21238,11 +21173,6 @@
         "safe-buffer": "^5.0.1"
       }
     },
-    "base64-arraybuffer": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/base64-arraybuffer/-/base64-arraybuffer-0.1.4.tgz",
-      "integrity": "sha512-a1eIFi4R9ySrbiMuyTGx5e92uRH5tQY6kArNcFaKBUleIoLjdjBg7Zxm3Mqm3Kmkf27HLR/1fnxX9q8GQ7Iavg=="
-    },
     "base64-js": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
@@ -21935,11 +21865,6 @@
       "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
       "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg=="
     },
-    "component-emitter": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz",
-      "integrity": "sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg=="
-    },
     "compressible": {
       "version": "2.0.18",
       "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
@@ -22681,43 +22606,38 @@
       }
     },
     "engine.io": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-4.1.2.tgz",
-      "integrity": "sha512-t5z6zjXuVLhXDMiFJPYsPOWEER8B0tIsD3ETgw19S1yg9zryvUfY3Vhtk3Gf4sihw/bQGIqQ//gjvVlu+Ca0bQ==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.2.1.tgz",
+      "integrity": "sha512-ECceEFcAaNRybd3lsGQKas3ZlMVjN3cyWwMP25D2i0zWfyiytVbTpRPa34qrr+FHddtpBVOmq4H/DCv1O0lZRA==",
       "requires": {
+        "@types/cookie": "^0.4.1",
+        "@types/cors": "^2.8.12",
+        "@types/node": ">=10.0.0",
         "accepts": "~1.3.4",
         "base64id": "2.0.0",
         "cookie": "~0.4.1",
         "cors": "~2.8.5",
         "debug": "~4.3.1",
-        "engine.io-parser": "~4.0.0",
-        "ws": "~7.4.2"
+        "engine.io-parser": "~5.0.3",
+        "ws": "~8.2.3"
       }
     },
     "engine.io-client": {
-      "version": "4.1.4",
-      "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-4.1.4.tgz",
-      "integrity": "sha512-843fqAdKeUMFqKi1sSjnR11tJ4wi8sIefu6+JC1OzkkJBmjtc/gM/rZ53tJfu5Iae/3gApm5veoS+v+gtT0+Fg==",
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-6.2.3.tgz",
+      "integrity": "sha512-aXPtgF1JS3RuuKcpSrBtimSjYvrbhKW9froICH4s0F3XQWLxsKNxqzG39nnvQZQnva4CMvUK63T7shevxRyYHw==",
       "requires": {
-        "base64-arraybuffer": "0.1.4",
-        "component-emitter": "~1.3.0",
+        "@socket.io/component-emitter": "~3.1.0",
         "debug": "~4.3.1",
-        "engine.io-parser": "~4.0.1",
-        "has-cors": "1.1.0",
-        "parseqs": "0.0.6",
-        "parseuri": "0.0.6",
-        "ws": "~7.4.2",
-        "xmlhttprequest-ssl": "~1.6.2",
-        "yeast": "0.1.2"
+        "engine.io-parser": "~5.0.3",
+        "ws": "~8.2.3",
+        "xmlhttprequest-ssl": "~2.0.0"
       }
     },
     "engine.io-parser": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-4.0.3.tgz",
-      "integrity": "sha512-xEAAY0msNnESNPc00e19y5heTPX4y/TJ36gr8t1voOaNmTojP9b3oK3BbJLFufW2XFPQaaijpFewm2g2Um3uqA==",
-      "requires": {
-        "base64-arraybuffer": "0.1.4"
-      }
+      "version": "5.0.6",
+      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.0.6.tgz",
+      "integrity": "sha512-tjuoZDMAdEhVnSFleYPCtdL2GXwVTGtNjoeJd9IhIG3C1xs9uwxqRNEu5WpnDZCaozwVlK/nuQhpodhXSIMaxw=="
     },
     "enhanced-resolve": {
       "version": "5.12.0",
@@ -23953,9 +23873,9 @@
       "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ=="
     },
     "gatsby": {
-      "version": "4.25.0",
-      "resolved": "https://registry.npmjs.org/gatsby/-/gatsby-4.25.0.tgz",
-      "integrity": "sha512-zR/u0X60Ww250XqHGytAVFDfFJUpDzMnbPHQ7uAqr6zLgU03DBKyjqKiRpFsGx7L7ENj61hdorjz12IiNj6DIw==",
+      "version": "4.25.6",
+      "resolved": "https://registry.npmjs.org/gatsby/-/gatsby-4.25.6.tgz",
+      "integrity": "sha512-6kkUBWtGgb+SMd36ZdHpFJ+f/sq62ngRMVkM0Tna5AKcGnzLZgnA1h9/OHlU3bSz9TGNsyRcU7yFSlwxmStQgw==",
       "requires": {
         "@babel/code-frame": "^7.14.0",
         "@babel/core": "^7.15.5",
@@ -24043,7 +23963,7 @@
         "gatsby-legacy-polyfills": "^2.25.0",
         "gatsby-link": "^4.25.0",
         "gatsby-page-utils": "^2.25.0",
-        "gatsby-parcel-config": "^0.16.0",
+        "gatsby-parcel-config": "0.16.0",
         "gatsby-plugin-page-creator": "^4.25.0",
         "gatsby-plugin-typescript": "^4.25.0",
         "gatsby-plugin-utils": "^3.19.0",
@@ -24103,8 +24023,8 @@
         "shallow-compare": "^1.2.2",
         "signal-exit": "^3.0.5",
         "slugify": "^1.6.1",
-        "socket.io": "3.1.2",
-        "socket.io-client": "3.1.3",
+        "socket.io": "4.5.4",
+        "socket.io-client": "4.5.4",
         "st": "^2.0.0",
         "stack-trace": "^0.0.10",
         "string-similarity": "^1.2.2",
@@ -24122,7 +24042,7 @@
         "webpack-stats-plugin": "^1.0.3",
         "webpack-virtual-modules": "^0.3.2",
         "xstate": "4.32.1",
-        "yaml-loader": "^0.6.0"
+        "yaml-loader": "^0.8.0"
       },
       "dependencies": {
         "acorn": {
@@ -25087,11 +25007,6 @@
       "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
       "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ=="
     },
-    "has-cors": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/has-cors/-/has-cors-1.1.0.tgz",
-      "integrity": "sha512-g5VNKdkFuUuVCP9gYfDJHjK2nqdQJ7aDLTnycnc2+RvsOQbuLdF5pm7vuE5J76SEBIQjs4kQY/BWq74JUmjbXA=="
-    },
     "has-flag": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
@@ -25745,6 +25660,11 @@
       "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
       "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg=="
     },
+    "javascript-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/javascript-stringify/-/javascript-stringify-2.1.0.tgz",
+      "integrity": "sha512-JVAfqNPTvNq3sB/VHQJAFxN/sPgKnsKrCwyRt15zwNCdrMMJDdcEOdubuy+DuJYYdm0ox1J4uzEuYKkN+9yhVg=="
+    },
     "jest-worker": {
       "version": "26.6.2",
       "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-26.6.2.tgz",
@@ -26958,16 +26878,6 @@
         "parse5": "^7.0.0"
       }
     },
-    "parseqs": {
-      "version": "0.0.6",
-      "resolved": "https://registry.npmjs.org/parseqs/-/parseqs-0.0.6.tgz",
-      "integrity": "sha512-jeAGzMDbfSHHA091hr0r31eYfTig+29g3GKKE/PPbEQ65X0lmMwlEoqmhzu0iztID5uJpZsFlUPDP8ThPL7M8w=="
-    },
-    "parseuri": {
-      "version": "0.0.6",
-      "resolved": "https://registry.npmjs.org/parseuri/-/parseuri-0.0.6.tgz",
-      "integrity": "sha512-AUjen8sAkGgao7UyCX6Ahv0gIK2fABKmYjvP4xmy5JaKvcbTRueIqIPHLAfq30xJddqSE033IOMUSOMCcK3Sow=="
-    },
     "parseurl": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
@@ -28682,47 +28592,40 @@
       }
     },
     "socket.io": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-3.1.2.tgz",
-      "integrity": "sha512-JubKZnTQ4Z8G4IZWtaAZSiRP3I/inpy8c/Bsx2jrwGrTbKeVU5xd6qkKMHpChYeM3dWZSO0QACiGK+obhBNwYw==",
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-4.5.4.tgz",
+      "integrity": "sha512-m3GC94iK9MfIEeIBfbhJs5BqFibMtkRk8ZpKwG2QwxV0m/eEhPIV4ara6XCF1LWNAus7z58RodiZlAH71U3EhQ==",
       "requires": {
-        "@types/cookie": "^0.4.0",
-        "@types/cors": "^2.8.8",
-        "@types/node": ">=10.0.0",
         "accepts": "~1.3.4",
         "base64id": "~2.0.0",
-        "debug": "~4.3.1",
-        "engine.io": "~4.1.0",
-        "socket.io-adapter": "~2.1.0",
-        "socket.io-parser": "~4.0.3"
+        "debug": "~4.3.2",
+        "engine.io": "~6.2.1",
+        "socket.io-adapter": "~2.4.0",
+        "socket.io-parser": "~4.2.1"
       }
     },
     "socket.io-adapter": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-2.1.0.tgz",
-      "integrity": "sha512-+vDov/aTsLjViYTwS9fPy5pEtTkrbEKsw2M+oVSoFGw6OD1IpvlV1VPhUzNbofCQ8oyMbdYJqDtGdmHQK6TdPg=="
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-2.4.0.tgz",
+      "integrity": "sha512-W4N+o69rkMEGVuk2D/cvca3uYsvGlMwsySWV447y99gUPghxq42BxqLNMndb+a1mm/5/7NeXVQS7RLa2XyXvYg=="
     },
     "socket.io-client": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-3.1.3.tgz",
-      "integrity": "sha512-4sIGOGOmCg3AOgGi7EEr6ZkTZRkrXwub70bBB/F0JSkMOUFpA77WsL87o34DffQQ31PkbMUIadGOk+3tx1KGbw==",
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-4.5.4.tgz",
+      "integrity": "sha512-ZpKteoA06RzkD32IbqILZ+Cnst4xewU7ZYK12aS1mzHftFFjpoMz69IuhP/nL25pJfao/amoPI527KnuhFm01g==",
       "requires": {
-        "@types/component-emitter": "^1.2.10",
-        "backo2": "~1.0.2",
-        "component-emitter": "~1.3.0",
-        "debug": "~4.3.1",
-        "engine.io-client": "~4.1.0",
-        "parseuri": "0.0.6",
-        "socket.io-parser": "~4.0.4"
+        "@socket.io/component-emitter": "~3.1.0",
+        "debug": "~4.3.2",
+        "engine.io-client": "~6.2.3",
+        "socket.io-parser": "~4.2.1"
       }
     },
     "socket.io-parser": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.0.5.tgz",
-      "integrity": "sha512-sNjbT9dX63nqUFIOv95tTVm6elyIU4RvB1m8dOeZt+IgWwcWklFDOdmGcfo3zSiRsnR/3pJkjY5lfoGqEe4Eig==",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.2.tgz",
+      "integrity": "sha512-DJtziuKypFkMMHCm2uIshOYC7QaylbtzQwiMYDuCKy3OPkjLzu4B2vAhTlqipRHHzrI0NJeBAizTK7X+6m1jVw==",
       "requires": {
-        "@types/component-emitter": "^1.2.10",
-        "component-emitter": "~1.3.0",
+        "@socket.io/component-emitter": "~3.1.0",
         "debug": "~4.3.1"
       }
     },
@@ -30149,9 +30052,9 @@
       }
     },
     "ws": {
-      "version": "7.4.6",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-7.4.6.tgz",
-      "integrity": "sha512-YmhHDO4MzaDLB+M9ym/mDA5z0naX8j7SIlT8f8z+I0VtzsRbekxEutHSme7NPS2qE8StCYQNUnfWdXta/Yu85A==",
+      "version": "8.2.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.2.3.tgz",
+      "integrity": "sha512-wBuoj1BDpC6ZQ1B7DWQBYVLphPWkm8i9Y0/3YdHjHKHiohOJ1ws+3OccDWtH+PoC9DZD5WOTrJvNbWvjS6JWaA==",
       "requires": {}
     },
     "xdg-basedir": {
@@ -30160,9 +30063,9 @@
       "integrity": "sha512-PSNhEJDejZYV7h50BohL09Er9VaIefr2LMAf3OEmpCkjOi34eYyQYAXUTjEQtZJTKcF0E2UKTh+osDLsgNim9Q=="
     },
     "xmlhttprequest-ssl": {
-      "version": "1.6.3",
-      "resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-1.6.3.tgz",
-      "integrity": "sha512-3XfeQE/wNkvrIktn2Kf0869fC0BN6UpydVasGIeSm2B1Llihf7/0UfZM+eCkOw3P7bP4+qPgqhm7ZoxuJtFU0Q=="
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-2.0.0.tgz",
+      "integrity": "sha512-QKxVRxiRACQcVuQEYFsI1hhkrMlrXHPegbbd1yn9UHOmRxY+si12nQYzri3vbzt8VdTTRviqcKxcyllFas5z2A=="
     },
     "xss": {
       "version": "1.0.14",
@@ -30211,31 +30114,19 @@
       "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg=="
     },
     "yaml-loader": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/yaml-loader/-/yaml-loader-0.6.0.tgz",
-      "integrity": "sha512-1bNiLelumURyj+zvVHOv8Y3dpCri0F2S+DCcmps0pA1zWRLjS+FhZQg4o3aUUDYESh73+pKZNI18bj7stpReow==",
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/yaml-loader/-/yaml-loader-0.8.0.tgz",
+      "integrity": "sha512-LjeKnTzVBKWiQBeE2L9ssl6WprqaUIxCSNs5tle8PaDydgu3wVFXTbMfsvF2MSErpy9TDVa092n4q6adYwJaWg==",
       "requires": {
-        "loader-utils": "^1.4.0",
-        "yaml": "^1.8.3"
+        "javascript-stringify": "^2.0.1",
+        "loader-utils": "^2.0.0",
+        "yaml": "^2.0.0"
       },
       "dependencies": {
-        "json5": {
-          "version": "1.0.1",
-          "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
-          "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
-          "requires": {
-            "minimist": "^1.2.0"
-          }
-        },
-        "loader-utils": {
-          "version": "1.4.2",
-          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.2.tgz",
-          "integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==",
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^3.0.0",
-            "json5": "^1.0.1"
-          }
+        "yaml": {
+          "version": "2.2.2",
+          "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.2.2.tgz",
+          "integrity": "sha512-CBKFWExMn46Foo4cldiChEzn7S7SRV+wqiluAb6xmueD/fGyRHIhX8m14vVGgeFWjN540nKCNVj6P21eQjgTuA=="
         }
       }
     },
@@ -30308,11 +30199,6 @@
         }
       }
     },
-    "yeast": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/yeast/-/yeast-0.1.2.tgz",
-      "integrity": "sha512-8HFIh676uyGYP6wP13R/j6OJ/1HwJ46snpvzE7aHAN3Ryqh2yX6Xox2B4CUmTwwOIzlG3Bs7ocsP5dZH/R1Qbg=="
-    },
     "yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
diff --git a/package.json b/package.json
index 67ae6e1..ff81b98 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,7 @@
     "clean": "gatsby clean"
   },
   "dependencies": {
-    "gatsby": "^4.24.1",
+    "gatsby": "^4.25.6",
     "gatsby-plugin-google-fonts": "^1.0.1",
     "gatsby-plugin-image": "^2.16.1",
     "gatsby-plugin-manifest": "^4.15.0",
diff --git a/src/components/ActionCard.js b/src/components/ActionCard.js
index 27a7f66..15b90e3 100644
--- a/src/components/ActionCard.js
+++ b/src/components/ActionCard.js
@@ -16,10 +16,10 @@ export default function ActionCard({image, title, text}) {
         id="action-card-text"
         className="p-6 flex flex-col justify-between laptop:self-stretch laptop:h-full"
       >
-        <h3 className="text-primary-55 text-lg laptop:text-xl !font-light text-left tablet:text-left">
+        <h3 className="text-primary-55 text-lg laptop:text-xl !font-semibold text-left tablet:text-left">
           {title}
         </h3>
-        <p className="text-tertiary-light/87 font-light !text-sm laptop:text-lg text-left mt-1 mb-4">
+        <p className="text-tertiary-light/87 font-light !text-sm laptop:!text-lg text-left mt-1 mb-4">
           {text}
         </p>
         <div className="hidden tablet:block !text-sm">
@@ -27,7 +27,7 @@ export default function ActionCard({image, title, text}) {
             label="Learn more"
             trailingIcon={true}
             to="/services"
-            fontSize="text-sm"
+            fontSize="text-lg"
             padding="py-[6px] px-[12px]"
           />
         </div>
diff --git a/src/components/BreadCrumb.js b/src/components/BreadCrumb.js
index 576a4cf..612ed87 100644
--- a/src/components/BreadCrumb.js
+++ b/src/components/BreadCrumb.js
@@ -5,7 +5,7 @@ export default function BreadCrumb({crumbs}) {
 
   return (
     <div className="hidden laptop:block fixed z-10 top-[98px] left-0 right-0 h-12 py-3 border-b-2 border-neutral-20 bg-secondary-dark">
-      <div className="text-tertiary-light/87 font-light text-sm leading-6 space-x-2 max-w-[1200px] mx-auto">
+      <div className="text-tertiary-light/87 font-light text-base leading-6 space-x-2 max-w-[1088px] desktop:max-w-[1204px] mx-auto">
         {crumbs.map((crumb, key) => {
           return (
             <>
diff --git a/src/components/Hero.js b/src/components/Hero.js
index 390177f..ba09600 100644
--- a/src/components/Hero.js
+++ b/src/components/Hero.js
@@ -5,17 +5,17 @@ import HeroImage from "../components/HeroImage";
 
 export default function Hero({subtitle, img, jumpLink, dblBtn, children, mobileSubtitle}) {
   return (
-    <div className="max-w-[1204px] mt-10 mx-auto">
-      <div className="laptop:flex flex-row-reverse laptop:justify-between gap-[127px] space-y-12 tablet:space-y-14">
+    <div className="max-w-[1088px] desktop:max-w-[1204px] mt-10 mx-auto">
+      <div className="laptop:flex flex-row-reverse laptop:justify-between gap-[70px] space-y-12 tablet:space-y-14">
         <HeroImage img={img} />
-        <div className="laptop:self-center max-w-[705px] mx-auto">
-          <div className="w-fit laptop:px-0 mx-auto">
+        <div className="laptop:self-center mx-auto laptop:mx-0 max-w-[705px]">
+          <div className="w-fit mx-auto laptop:px-0">
             {children}
             <p
               className={
                 subtitle && mobileSubtitle === false
-                  ? "hidden text-tertiary-light/60 tablet:block laptop:inline-block mx-auto w-fit text-center laptop:text-left text-lg font-light laptop:text-xl mb-12 tablet:w-[545px] desktop:w-[673px]"
-                  : "text-tertiary-light/60 tablet:block laptop:inline-block mx-auto w-fit text-center laptop:text-left text-lg font-light laptop:text-xl mb-12 tablet:w-[545px] desktop:w-[673px]"
+                  ? "hidden text-tertiary-light/60 tablet:block laptop:inline-block mx-auto w-fit text-center laptop:text-left text-lg font-light laptop:text-xl mb-12 tablet:w-[545px] laptop:w-[673px]"
+                  : "text-tertiary-light/60 tablet:block laptop:inline-block mx-auto w-fit text-center laptop:text-left text-lg font-light laptop:text-xl mb-12 tablet:w-[545px] laptop:w-[673px]"
               }
             >
               {subtitle}
@@ -33,18 +33,21 @@ export default function Hero({subtitle, img, jumpLink, dblBtn, children, mobileS
           </div>
         </div>
       </div>
-      <div className="w-fit mx-auto mt-10 p-1 !rounded-full laptop:border border-primary-55 animate-bounce">
+      <div className="w-fit mx-auto mt-10 p-2 desktop:p-4 !rounded-full laptop:border-2 border-primary-55 animate-bounce">
         <Link to={jumpLink}>
-          {/* <span className="material-icons text-5xl text-primary-55">
-            expand_more
-          </span> */}
           <svg
-            fill="rgb(255 244 26)"
+            className="flex-shrink-0 m-1 w-5 h-5 desktop:scale-150 transition duration-400 group-open:-rotate-180"
             xmlns="http://www.w3.org/2000/svg"
-            height="48"
-            width="48"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke="#FFF41A"
           >
-            <path d="m24 30.75-12-12 2.15-2.15L24 26.5l9.85-9.85L36 18.8Z" />
+            <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              strokeWidth="4"
+              d="M19 9l-7 7-7-7"
+            />
           </svg>
         </Link>
       </div>
diff --git a/src/components/HeroImage.js b/src/components/HeroImage.js
index e36a3a5..c1deb57 100644
--- a/src/components/HeroImage.js
+++ b/src/components/HeroImage.js
@@ -2,11 +2,11 @@ import React from 'react'
 
 export default function HeroImage({img}) {
   return (
-    <div className="max-h-[585px] laptop:w-[330px] laptop:max-w-[330px]">
+    <div className="max-h-[585px] laptop:w-[310px] laptop:max-w-[310px]">
       <img
         src={img}
         alt="hero"
-        className="object-cover w-full !laptop:w-[330px] !laptop:max-w[330px] max-h-[528px] tablet:max-h-[585px] tablet:h-[528px] laptop:h-[585px] rounded-[16px] tablet:rounded-[24px] laptop:rounded-[40px]"
+        className="object-cover w-full !laptop:w-[310px] !laptop:max-w[310px] max-h-[528px] tablet:max-h-[585px] tablet:h-[528px] laptop:h-[465px] desktop:h-[585px] rounded-[16px] tablet:rounded-[24px] laptop:rounded-[40px]"
       />
     </div>
   );
diff --git a/src/components/IconCard.js b/src/components/IconCard.js
index 902cada..aa62a4d 100644
--- a/src/components/IconCard.js
+++ b/src/components/IconCard.js
@@ -2,7 +2,7 @@ import React from 'react'
 
 export default function IconCard({ children, title, text }) {
   return (
-    <div className="tablet:max-w-[400px] laptop:max-w-[273px]">
+    <div className="tablet:max-w-[400px] laptop:max-w-[273px] pr-8">
       <div className="text-primary-65 mb-[20px]">{children}</div>
       <div className="text-primary-65 text-lg font-regular">{title}</div>
       <div className="text-sm font-light leading-6 text-tertiary-light/87">{text}</div>
diff --git a/src/components/Navigation.js b/src/components/Navigation.js
index 122cfeb..1bb184d 100644
--- a/src/components/Navigation.js
+++ b/src/components/Navigation.js
@@ -9,7 +9,7 @@ export default function Navigation() {
   }
   return (
     <div className="text-tertiary-light/87 py-4 desktop:px-[120px] items-center fixed z-10 top-0 left-0 right-0 bg-secondary-dark border-b-2 border-neutral-20">
-      <div className="flex justify-between w-full mx-auto max-w-[1200px] px-4 laptop:px-0">
+      <div className="flex justify-between w-full mx-auto max-w-[1088px] desktop:max-w-[1204px] px-4 laptop:px-0">
         <Link to="/" className="shrink-0 h-fit my-auto">
           <img
             src="images/navbar-brand.svg"
diff --git a/src/components/NumberedCard.js b/src/components/NumberedCard.js
index 62e0bdc..ba1757e 100644
--- a/src/components/NumberedCard.js
+++ b/src/components/NumberedCard.js
@@ -6,10 +6,10 @@ export default function NumberedCard({children, number, title, text}) {
       <div className="absolute text-center w-fit mx-auto inset-x-0 -top-5 py-1 px-[0.92rem] text-[23px] rounded-full bg-primary-65 text-secondary-dark">
         {number}
       </div>
-      <div className="mt-[4.5rem] text-center tablet:text-left laptop:text-center px-6">
+      <div className="mt-[4.5rem] text-center  px-6">
         <div className="text-primary-65">{children}</div>
-        <h1 className="px-8 mt-4 tablet:px-0 text-xl font-regular text-primary-65">{title}</h1>
-        <p className="mt-1 px-4 tablet:px-0 text-sm font-light leading-6 text-tertiary-light/87">{text}</p>
+        <h1 className="px-8 mt-4 tablet:px-0 text-xl font-semibold text-primary-65">{title}</h1>
+        <p className="mt-1 px-4 tablet:px-0 text-lg font-light leading-8 text-tertiary-light/87">{text}</p>
       </div>
     </div>
   );
diff --git a/src/components/ReviewCardCarousel.js b/src/components/ReviewCardCarousel.js
index 4755d95..aba56a4 100644
--- a/src/components/ReviewCardCarousel.js
+++ b/src/components/ReviewCardCarousel.js
@@ -13,7 +13,7 @@ export default function ReviewCardCarousel() {
     {
       name: "Duane M",
       img: "images/profile.png",
-      text: "I have had almost every single one of the pictures in my house framed by Aris and some have been dry mounted. If it can be done and done right, this is the place to have it done. Nothing is too difficult, nothing is impossible.",
+      text: "I have had almost every single one of the pictures in my house framed by Aris and some have been dry mounted. If it can be done and done right, this is the place to have it done.",
     },
     {
       name: "[NAME]",
@@ -38,7 +38,7 @@ export default function ReviewCardCarousel() {
   ];
 
   return (
-    <div className="max-w-[1200px] mx-auto">
+    <div className="max-w-[1088px] desktop:max-w-[1200px] mx-auto">
       <div className={slide === 0 ? "" : "hidden"}>
         <div className="hidden laptop:block">
           <div className="flex gap-8 relative">
diff --git a/src/components/ServicesTabbed.js b/src/components/ServicesTabbed.js
index 201096a..33c56ac 100644
--- a/src/components/ServicesTabbed.js
+++ b/src/components/ServicesTabbed.js
@@ -11,7 +11,7 @@ export default function ServicesTabbed() {
   return (
     <div
       id="services-offered"
-      className="w-[792px] mx-auto px-[49px] py-6 bg-surface-1 rounded-2xl"
+      className="laptop:w-[902px] desktop:w-[998px] mx-auto px-[49px] py-6 bg-surface-1 rounded-2xl"
     >
       <div className="">
         <div id="tab-buttons" className="border-b border-neutral-20">
@@ -100,9 +100,9 @@ export default function ServicesTabbed() {
 
 function TabbedCard({title, text}) {
     return (
-        <div className="p-6 bg-surface-3 rounded-xl max-w-[331px] h-[160px] space-y-2">
+        <div className="p-6 bg-surface-3 rounded-xl w-full min-h-fit space-y-2">
             <h1 className="text-xl leading-8 font-regular text-primary-55">{title}</h1>
-            <p className="text-base leading-6 font-light text-tertiary-light/87">{text}</p>
+            <p className="text-lg leading-8 font-light text-tertiary-light/87">{text}</p>
         </div>
     )
 }
diff --git a/src/components/SubscribeForm.js b/src/components/SubscribeForm.js
index 60a92d4..6424773 100644
--- a/src/components/SubscribeForm.js
+++ b/src/components/SubscribeForm.js
@@ -19,7 +19,7 @@ export default function SubscribeForm() {
       <div className="w-full">
         <label
           htmlFor="emailInput"
-          className="text-sm leading-6 text-tertiary-light"
+          className="text-base leading-6 text-tertiary-light"
         >
           Email Address
         </label>
@@ -29,13 +29,13 @@ export default function SubscribeForm() {
           name="emailInput"
           id="emailInput"
           placeholder="Please enter your email"
-          className="bg-transparent border-x-0 border-t-0 border-b appearance-none w-full pl-0 text-sm text-tertiary-light/87"
+          className="bg-transparent border-x-0 border-t-0 border-b appearance-none w-full pl-0 text-base text-tertiary-light/87"
           required
         />
       </div>
       <button
         onClick={(e) => submit(e)}
-        className="py-1.5 px-3 laptop:py-2 laptop:px-4 bg-primary-55 hover:bg-primary-65 active:bg-primary-75 text-secondary-dark rounded-full self-end tablet:self-start laptop:self-start text-base laptop:text-lg"
+        className="py-1.5 px-3 laptop:py-2 laptop:px-4 bg-primary-55 hover:bg-primary-65 active:bg-primary-75 text-secondary-dark rounded-full self-end tablet:self-start laptop:self-start text-base font-semibold laptop:text-lg"
       >
         Subscribe
       </button>
diff --git a/src/components/ValuesIconCard.js b/src/components/ValuesIconCard.js
index 597fb98..e7adf1c 100644
--- a/src/components/ValuesIconCard.js
+++ b/src/components/ValuesIconCard.js
@@ -2,17 +2,17 @@ import React from 'react'
 
 export default function ValuesIconCard({icon, value, text, font, children}) {
   return (
-    <div className={"flex flex-col items-center tablet:items-start laptop:items-start bg-surface-1 w-full rounded-2xl gap-6 p-4 pt-8 tablet:p-6 tablet:pt-10 laptop:p-8 laptop:pt-12 tablet:min-w-[556px] tablet:max-w-[981px] tablet:mx-auto"}>
+    <div className="flex flex-col items-center tablet:items-start laptop:items-start bg-surface-1 w-full rounded-2xl gap-6 p-4 pt-8 tablet:p-6 tablet:pt-10 laptop:p-8 laptop:pt-12 tablet:max-w-[611px] laptop:max-w-[981px] tablet:mx-auto">
       <span
         class="text-primary-65 text-5xl laptop:text-6xl"
       >
         {children}
       </span>
       <div className="text-center tablet:text-left space-y-1">
-        <h2 className="text-lg font-regular tablet:text-xl laptop:text-2xl text-primary-65">
+        <h2 className="text-lg font-regular laptop:text-xl text-primary-65">
           {value}
         </h2>
-        <p className="text-sm font-light tablet:text-base laptop:text-lg text-tertiary-light/87">
+        <p className="text-base leading-6 font-light tablet:text-base laptop:text-lg text-tertiary-light/87">
           {text}
         </p>
       </div>
diff --git a/src/layout/BenefitsCustom.js b/src/layout/BenefitsCustom.js
index d0bbc65..845956c 100644
--- a/src/layout/BenefitsCustom.js
+++ b/src/layout/BenefitsCustom.js
@@ -8,7 +8,7 @@ export default function BenefitsCustom() {
       <SectionTitle text="Benefits of Custom Framing" />
       <div
         id="icon-card-group"
-        className="grid grid-cols-2 laptop:grid-cols-4 gap-4 laptop:gap-12 mt-28 w-fit mx-auto"
+        className="grid grid-cols-2 laptop:grid-cols-4 gap-4 laptop:gap-12 mt-28 w-fit mx-auto max-w-[1088px] desktop:max-w-[1204px]"
       >
         <IconCard
           className=""
diff --git a/src/layout/ContactForm.js b/src/layout/ContactForm.js
index fd41792..98f3bd3 100644
--- a/src/layout/ContactForm.js
+++ b/src/layout/ContactForm.js
@@ -43,13 +43,13 @@ export default function ContactForm() {
             name="first_name"
             id="first_name"
             placeholder="Enter your first name"
-            className="bg-transparent border-x-0 border-t-0 border-b appearance-none w-full pl-0 text-sm text-tertiary-light h-7 order-3 justify-start"
+            className="bg-transparent border-x-0 border-t-0 border-b appearance-none w-full pl-0 text-base text-tertiary-light h-7 order-3 justify-start"
             required
             minLength={2}
           />
           <label
             htmlFor="first_name"
-            className="text-sm leading-6 text-tertiary-light order-1"
+            className="text-base leading-6 text-tertiary-light order-1"
           >
             First Name
           </label>
@@ -60,13 +60,13 @@ export default function ContactForm() {
             name="last_name"
             id="last_name"
             placeholder="Enter your last name"
-            className="bg-transparent border-x-0 border-t-0 border-b appearance-none w-full pl-0 text-sm text-tertiary-light h-7 order-3"
+            className="bg-transparent border-x-0 border-t-0 border-b appearance-none w-full pl-0 text-base text-tertiary-light h-7 order-3"
             required
             minLength={2}
           />
           <label
             htmlFor="last"
-            className="text-sm leading-6 text-tertiary-light order-1"
+            className="text-base leading-6 text-tertiary-light order-1"
           >
             Last Name
           </label>
@@ -77,13 +77,13 @@ export default function ContactForm() {
             name="email"
             id="emailInput"
             placeholder="Enter your email"
-            className="bg-transparent border-x-0 border-t-0 border-b appearance-none w-full pl-0 text-sm text-tertiary-light h-7 order-3"
+            className="bg-transparent border-x-0 border-t-0 border-b appearance-none w-full pl-0 text-base text-tertiary-light h-7 order-3"
             required
             pattern="^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$"
           />
           <label
             htmlFor="emailInput"
-            className="text-sm leading-6 text-tertiary-light order-1"
+            className="text-base leading-6 text-tertiary-light order-1"
           >
             Email
           </label>
@@ -94,13 +94,13 @@ export default function ContactForm() {
             name="tel_number"
             id="tel_number"
             placeholder="Enter your phone number"
-            className="bg-transparent border-x-0 border-t-0 border-b appearance-none pl-0 text-sm text-tertiary-light h-7 order-3"
+            className="bg-transparent border-x-0 border-t-0 border-b appearance-none pl-0 text-base text-tertiary-light h-7 order-3"
             required
             pattern="^[\+]?[(]?[0-9]{3}[)]?[-\s\.]?[0-9]{3}[-\s\.]?[0-9]{4,6}$"
           />
           <label
             htmlFor="tel_number"
-            className="text-sm leading-6 text-tertiary-light order-1"
+            className="text-base leading-6 text-tertiary-light order-1"
           >
             Phone
           </label>
@@ -109,13 +109,13 @@ export default function ContactForm() {
           <textarea
             type="text"
             name="message"
-            className="w-full bg-transparent rounded-lg mt-1 text-sm resize-none h-[179px] order-2 text-tertiary-light"
+            className="w-full bg-transparent rounded-lg mt-1 text-base resize-none h-[179px] order-2 text-tertiary-light"
             placeholder="Send us a message..."
             required
             maxLength={300}
             minLength={20}
           />
-          <label className="laptop:col-span-full text-sm leading-6 text-tertiary-light order-1">
+          <label className="laptop:col-span-full text-base leading-6 text-tertiary-light order-1">
             Message
           </label>
         </div>
@@ -170,7 +170,7 @@ function ErrorModal({ errorModalShow, setErrorModalShow}) {
         <h3 className="text-primary-55 text-xl leading-8 font-bold text-center mb-2">
           Oops!
         </h3>
-        <p className="text-center text-tertiary-light/87 text-sm laptop:text-base px-[12px] leading-loose mb-5">
+        <p className="text-center text-tertiary-light/87 text-base laptop:text-base px-[12px] leading-loose mb-5">
           Your form could not be submitted.{" "}
           <span className="block">Try again later.</span>
         </p>
diff --git a/src/layout/FAQs.js b/src/layout/FAQs.js
index 561b3e9..ee09470 100644
--- a/src/layout/FAQs.js
+++ b/src/layout/FAQs.js
@@ -8,7 +8,7 @@ export default function FAQs() {
       <SectionTitle text="FAQs" />
       <div
         id="according-stack"
-        className="mt-12 space-y-4 max-w-[996px] mx-auto"
+        className="mt-12 space-y-4 max-w-[902px] desktop:max-w-[996px] mx-auto"
       >
         <Accordion
           question="What are the benefits of custom framing?"
diff --git a/src/layout/HowWeDo.js b/src/layout/HowWeDo.js
index f21beba..f9f3448 100644
--- a/src/layout/HowWeDo.js
+++ b/src/layout/HowWeDo.js
@@ -8,7 +8,7 @@ export default function HowWeDo() {
       <SectionTitle text="How We Do Things" />
       <div
         id="numbered-card-stack"
-        className="mt-16 flex flex-col tablet:flex-row gap-10 items-center tablet:justify-center tablet:mx-8 tablet:gap-6 laptop:gap-8"
+        className="mt-16 flex flex-col tablet:flex-row gap-10 items-center tablet:justify-center tablet:mx-8 tablet:gap-6 laptop:gap-8 laptop:max-w-[1088px] desktop:max-w-[1204px] laptop:mx-auto"
       >
         <NumberedCard
           number="1"
@@ -19,7 +19,7 @@ export default function HowWeDo() {
             xmlns="http://www.w3.org/2000/svg"
             height="48"
             width="48"
-            className="mx-auto tablet:ml-0 tablet:mr-auto laptop:mx-auto"
+            className="mx-auto"
             fill="#fff64d"
           >
             <path d="M7 43.95q-1.2 0-2.1-.875Q4 42.2 4 40.95V11q0-1.2.9-2.1Q5.8 8 7 8h9l6.95-7q.4-.4 1.05-.4t1.05.4L32 8h9q1.2 0 2.1.9.9.9.9 2.1v29.95q0 1.25-.9 2.125t-2.1.875Zm0-3h34V11H7v29.95Zm6.5-5q-.65 0-1.075-.425Q12 35.1 12 34.45V17.5q0-.65.425-1.075Q12.85 16 13.5 16h21q.65 0 1.075.425Q36 16.85 36 17.5v16.95q0 .65-.425 1.075-.425.425-1.075.425Z" />
@@ -38,7 +38,7 @@ export default function HowWeDo() {
             height="48"
             preserveAspectRatio="xMidYMid meet"
             viewBox="0 0 24 24"
-            className="mx-auto tablet:ml-0 tablet:mr-auto laptop:mx-auto"
+            className="mx-auto"
           >
             <path
               fill="#fff64d"
@@ -59,7 +59,7 @@ export default function HowWeDo() {
             height="48"
             preserveAspectRatio="xMidYMid meet"
             viewBox="0 0 24 24"
-            className="mx-auto tablet:ml-0 tablet:mr-auto laptop:mx-auto"
+            className="mx-auto"
           >
             <path
               fill="#fff64d"
diff --git a/src/layout/OurAppreciation.js b/src/layout/OurAppreciation.js
index cdbca52..0201940 100644
--- a/src/layout/OurAppreciation.js
+++ b/src/layout/OurAppreciation.js
@@ -7,12 +7,12 @@ export default function OurAppreciation() {
     <div id="promotions" className="pt-[9rem]">
       <SectionTitle text="Promotions" />
 
-      <div className="max-w-[1204px] tablet:bg-surface-1 tablet:mt-16 mx-auto rounded-2xl tablet:p-[40px] laptop:p-12 tablet:flex tablet:gap-[72px] laptop:gap-0 justify-between items-center">
+      <div className="max-w-[1088px] desktop:max-w-[1204px] tablet:bg-surface-1 tablet:mt-16 mx-auto rounded-2xl tablet:p-[40px] laptop:p-12 tablet:flex tablet:gap-[72px] laptop:gap-0 justify-between items-center">
         <div className="tablet:max-w-[528px]">
-          <h2 className="text-2xl laptop:text-4xl pt-12 tablet:p-0 text-center tablet:text-left text-tertiary-light/87">
+          <h2 className="text-2xl laptop:text-4xl pt-12 tablet:p-0 text-center tablet:text-left text-tertiary-light/87 font-bold">
             For our <span className="text-primary-55">loyal</span> customers
           </h2>
-          <p className="text-base laptop:text-xl leading-6 text-center tablet:text-left font-light mt-2 text-tertiary-light/87 laptop:text-tertiary-light/38">
+          <p className="text-base laptop:text-lg leading-6 text-center tablet:text-left font-light mt-2 text-tertiary-light/60">
             We want to show our appreciation towards you by offering promotions
             through our email newsletter. You can use these when you visit us.
           </p>
diff --git a/src/layout/OurReviews.js b/src/layout/OurReviews.js
index 65af677..c9e805c 100644
--- a/src/layout/OurReviews.js
+++ b/src/layout/OurReviews.js
@@ -8,7 +8,7 @@ export default function OurReviews() {
     <div id="our-reviews" className="pt-24 laptop:pt-[6rem]">
       <h4
         id=""
-        className="text-sm font-regular text-tertiary-light/38 mt-24 text-center"
+        className="text-lg font-regular text-tertiary-light/38 mt-24 text-center"
       >
         WHAT OUR CUSTOMERS HAVE TO SAY
       </h4>
diff --git a/src/layout/OurServices.js b/src/layout/OurServices.js
index f2a5db0..792319b 100644
--- a/src/layout/OurServices.js
+++ b/src/layout/OurServices.js
@@ -5,28 +5,28 @@ import SectionTitle from '../components/SectionTitle';
 export default function OurServices() {
   return (
     <div id="our-services" className="pt-32">
-      <SectionTitle text="Our Services"/>
+      <SectionTitle text="Our Services" />
 
-        <div
-          id="action-card-stack"
-          className="flex flex-col laptop:flex-row justify-center items-center gap-6 mt-12 mx-[80px]"
-        >
-          <ActionCard
-            img=""
-            title="Retail"
-            text="Our staff will assist you in choosing the right frame, matting, and glazing for you and your artwork."
-          />
-          <ActionCard
-            img=""
-            title="Wholesale"
-            text="We sell large quantities of custom picture frames and framing supplies to retail stores at a discounted rate."
-          />
-          <ActionCard
-            img=""
-            title="Production"
-            text="Our staff will custom frame the same item in bulk for businesses, art galleries, banks, school graduation pictures and more."
-          />
-        </div>
+      <div
+        id="action-card-stack"
+        className="flex flex-col laptop:flex-row justify-center items-center gap-6 mt-12 mx-[80px] laptop:mx-auto max-w-[1088px] desktop:max-w-[1204px]"
+      >
+        <ActionCard
+          img=""
+          title="Retail"
+          text="Our staff will assist you in choosing the right frame, matting, and glazing for you and your artwork."
+        />
+        <ActionCard
+          img=""
+          title="Wholesale"
+          text="We sell large quantities of custom picture frames and framing supplies to retail stores at a discounted rate."
+        />
+        <ActionCard
+          img=""
+          title="Production"
+          text="Our staff will custom frame the same item in bulk for businesses, art galleries, banks, school graduation pictures and more."
+        />
+      </div>
     </div>
   );
 }
diff --git a/src/pages/aboutUs.js b/src/pages/aboutUs.js
index 1e1bc73..4608e77 100644
--- a/src/pages/aboutUs.js
+++ b/src/pages/aboutUs.js
@@ -34,7 +34,7 @@ function aboutUs() {
           jumpLink="/aboutUs#our-purpose"
           dblBtn={false}
         >
-          <p className="text-primary-85 text-4xl tablet:text-5xl laptop:text-6xl desktop:text-7xl leading-[48px] font-bold text-center laptop:text-left px-6 laptop:pl-0 mb-6">
+          <p className="text-tertiary-light text-4xl tablet:text-5xl laptop:text-6xl desktop:text-7xl leading-[48px] font-bold text-center laptop:text-left px-6 laptop:pl-0 mb-6">
             About Us
           </p>
         </Hero>
diff --git a/src/pages/gallery.js b/src/pages/gallery.js
index b4763d1..b2417e7 100644
--- a/src/pages/gallery.js
+++ b/src/pages/gallery.js
@@ -8,7 +8,7 @@ function gallery() {
   return (
     <div className="bg-secondary-dark">
       <Navigation />
-      <div className="pt-[100px] laptop:pt-[120px] h-[87vh] tablet:h-[107vh]">
+      <div className="pt-[100px] laptop:pt-[140px] h-[87vh] tablet:h-[130vh]">
         <SectionTitle text="Our Work" />
         <div className="mt-12 w-full tablet:w-[768px] laptop:w-[800px] mx-auto px-4 tablet:px-6">
           <GalleryCarousel />
diff --git a/src/pages/index.js b/src/pages/index.js
index 52a34d1..ef64097 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -28,14 +28,14 @@ export default function IndexPage() {
     <div className="bg-secondary-dark">
       <Navigation />
       <BreadCrumb crumbs={crumbs}/>
-      <div className="pt-[100px] laptop:pt-[196px] pb-36 px-4 tablet:px-6">
+      <div className="pt-[100px] laptop:pt-[168px] desktop:[pt-200px] pb-36 px-4 tablet:px-6">
         <Hero
           subtitle="We are ready for any custom framing challenge. With our knowledge and expertise, we strive to make your framing dreams come true!"
           img="images/hero-image.png"
           jumpLink="/#our-services"
           mobileSubtitle={false}
         >
-          <p className="text-tertiary-light text-4xl tablet:text-5xl laptop:text-6xl desktop:text-7xl leading-[48px] font-bold text-center laptop:text-left mb-6">
+          <p className="text-tertiary-light text-4xl tablet:text-5xl desktop:text-7xl leading-[48px] font-bold text-center laptop:text-left mb-6">
             High-quality custom framing{" "}
             <span className="hidden laptop:inline-block">services</span>{" "}
             <span className="desktop:block">
diff --git a/src/pages/services.js b/src/pages/services.js
index 22db81b..c2a78f3 100644
--- a/src/pages/services.js
+++ b/src/pages/services.js
@@ -35,7 +35,7 @@ function services() {
           jumpLink="/services#services-offered"
           dblBtn={false}
         >
-          <p className="text-primary-85 text-4xl tablet:text-5xl laptop:text-6xl desktop:text-7xl leading-[48px] font-bold text-center laptop:text-left mb-6">
+          <p className="text-tertiary-light text-4xl tablet:text-5xl laptop:text-6xl desktop:text-7xl leading-[48px] font-bold text-center laptop:text-left mb-6">
             Our Services
           </p>
         </Hero>