diff --git a/frontend/src/components/BioCard.jsx b/frontend/src/components/BioCard.jsx
index 5d25076..a43f28b 100644
--- a/frontend/src/components/BioCard.jsx
+++ b/frontend/src/components/BioCard.jsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react"
+import React from "react"
 import SanityImage from "gatsby-plugin-sanity-image"
 import SocialLinks from "./SocialLinks"
 
@@ -6,51 +6,37 @@ import SocialLinks from "./SocialLinks"
 import * as styles from "../styles/biocard.module.css"
 
 const BioCard = ({ student }) => {
-  let match = ""
-  if (typeof window !== "undefined") {
-    match = window.matchMedia("(min-width: 900px)").matches
-  }
-  const [largeScreenSize, setLargeScreenSize] = useState(match)
-
-  useEffect(() => {
-    if (typeof window !== "undefined") {
-      window.matchMedia("(min-width: 900px)").addEventListener("change", e => {
-        setLargeScreenSize(e.matches)
-      })
-    }
-  })
-
   return (
     <div className={styles.container}>
       <div className={styles.cardContainer}>
-        {student.name && student.surname && <h2 className={styles.fullName}>
-          {student.name} {student.middle ? student.middle.charAt(0) + "." : ""}{" "}
-          {student.surname.charAt(0) + "."}
-        </h2>}
-        {student.studyprogramme.title && <p className={styles.studyProgramme}>{student.studyprogramme.title}</p>}
-        <div className={styles.profileImageContainer}>
-          {student.image && (
-            <SanityImage
-              className={styles.profileImage}
-              asset={student.image._rawAsset}
-              alt={`${student.name}`}
-            />
-          )}
-        </div>
-        {largeScreenSize && (
-          <div className={styles.test}>
-            <SocialLinks links={student.social} />
-          </div>
+        {student.name && student.surname && (
+          <h2 className={styles.fullName}>
+            {`${student.name} ${student.surname.charAt(0)}.`}
+          </h2>
         )}
+        {student.studyprogramme.title && (
+          <p className={styles.studyProgramme}>
+            {student.studyprogramme.title}
+          </p>
+        )}
+        <span>
+          <div>
+            {student.image && (
+              <SanityImage
+                className={styles.profileImage}
+                asset={student.image._rawAsset}
+                alt={`${student.name}`}
+              />
+            )}
+          </div>
+          <div className={styles.bioContainer}>
+            <p>{student.bio.map(bio => bio.children[0].text)}</p>
+          </div>
+        </span>
       </div>
-      <div className={styles.bioContainer}>
-        <p className={styles.bio}>{student.bio.map((bio) => (bio.children[0].text))}</p>
+      <div>
+        <SocialLinks links={student.social} />
       </div>
-      {!largeScreenSize && (
-        <div className={styles.test}>
-          <SocialLinks links={student.social} />
-        </div>
-      )}
     </div>
   )
 }
diff --git a/frontend/src/components/Navbar.jsx b/frontend/src/components/Navbar.jsx
index 78c2a1e..dd2aa25 100644
--- a/frontend/src/components/Navbar.jsx
+++ b/frontend/src/components/Navbar.jsx
@@ -1,37 +1,37 @@
-import React, { useState, useEffect } from "react";
-import { Link } from "gatsby";
-import logoDark from "../assets/images/logo-dark.svg";
-import logo from "../assets/images/logo.svg";
+import React, { useState, useEffect } from "react"
+import { Link } from "gatsby"
+import logoDark from "../assets/images/logo-dark.svg"
+import logo from "../assets/images/logo.svg"
 
 // Style
 import * as style from "../styles/header.module.css"
 
 function Navbar() {
-  const [path, setPath] = useState('');
-  const [darkMode, setDarkMode] = useState('');
+  const [path, setPath] = useState("")
+  const [darkMode, setDarkMode] = useState("")
 
   useEffect(() => {
     if (typeof window !== "undefined") {
-      setPath(window.location.pathname);
+      setPath(window.location.pathname)
     }
 
     let colorScheme = ""
     if (typeof window !== "undefined") {
-      colorScheme = window.matchMedia("(prefers-color-scheme: dark)").matches;
-      setDarkMode(colorScheme);
+      colorScheme = window.matchMedia("(prefers-color-scheme: dark)").matches
+      setDarkMode(colorScheme)
     }
 
     if (typeof window !== "undefined") {
       window
         .matchMedia("(prefers-color-scheme: dark)")
         .addEventListener("change", e => {
-          setDarkMode(e.matches);
+          setDarkMode(e.matches)
         })
     }
   }, [])
 
   return (
-    <header className={style.header}>
+    <header className={`${style.header} ${path === "/" && style.tallHeader}`}>
       <nav>
         {/* Burger for mobile */}
         <input type="checkbox" />
diff --git a/frontend/src/pages/about.jsx b/frontend/src/pages/about.jsx
index 8e3c600..7162fef 100644
--- a/frontend/src/pages/about.jsx
+++ b/frontend/src/pages/about.jsx
@@ -1,79 +1,163 @@
-import { Link } from 'gatsby';
-import React from 'react';
-import Layout from '../components/Layout';
-import Seo from '../components/Seo';
-import BackLink from '../components/BackLink';
+import { Link } from "gatsby"
+import React from "react"
+import Layout from "../components/Layout"
+import Seo from "../components/Seo"
+import BackLink from "../components/BackLink"
 
-import * as header from "../styles/studyprogramme.module.css";
-import * as styles from "../styles/about.module.css";
+import * as header from "../styles/studyprogramme.module.css"
+import * as styles from "../styles/about.module.css"
 
 function About() {
-    return (
-        <Layout>
-            <Seo title="Om" description="De som er ansvarlige for at siden er oppe og går." />
-            <BackLink to="/" />
-            <header className={header.header}><h1 className={styles.h1}>Om</h1></header>
+  return (
+    <Layout>
+      <div className={styles.about}>
+        <Seo
+          title="Om"
+          description="De som er ansvarlige for at siden er oppe og går."
+        />
+        <BackLink to="/" />
+        <header className={header.header}>
+          <h1>Om</h1>
+        </header>
+        <section>
+          <h2>Bærekraftansvarlig</h2>
+          <ul>
+            <li>
+              <Link to="/bwu/tom-schrier">Tom Schrier</Link>
+            </li>
+          </ul>
 
-            <section className={styles.section}>
-                <h2>Bærekraftansvarlig</h2>
-                <ul>
-                    <li><Link to='/bwu/tom-schrier'>Tom Schrier</Link></li>
-                </ul>
+          <h2>Designansvarlige</h2>
+          <ul>
+            <li>
+              <Link to="/bmed/adam-maximilian-stoffel">
+                Adam Maximilian Stoffel
+              </Link>
+            </li>
+            <li>
+              <Link to="/bmed/amalie-bach">Amalie Bach</Link>
+            </li>
+            <li>
+              <Link to="/bmed/andrea-hauge-sandvik">Andrea Hauge Sandvik</Link>
+            </li>
+            <li>
+              <Link to="/bmed/johanne-lyster-strande">
+                Johanne Lyster Strande
+              </Link>
+            </li>
+            <li>
+              <Link to="/bmed/martine-egeli">Martine Egeli</Link>
+            </li>
+          </ul>
 
-                <h2>Designansvarlige</h2>
-                <ul>
-                    <li><Link to='/bmed/adam-maximilian-stoffel'>Adam Maximilian Stoffel</Link></li>
-                    <li><Link to='/bmed/amalie-bach'>Amalie Bach</Link></li>
-                    <li><Link to='/bmed/andrea-hauge-sandvik'>Andrea Hauge Sandvik</Link></li>
-                    <li><Link to='/bmed/johanne-lyster-strande'>Johanne Lyster Strande</Link></li>
-                    <li><Link to='/bmed/martine-egeli'>Martine Egeli</Link></li>
-                </ul>
+          <h2>Fotoansvarlige</h2>
+          <ul>
+            <li>
+              <Link to="/bmed/johanne-lyster-strande">
+                Johanne Lyster Strande
+              </Link>
+            </li>
+            <li>
+              <Link to="/bmed/marc-daniel-einebakken">
+                Marc Daniel Einebakken
+              </Link>
+            </li>
+            <li>
+              <Link to="/bmed/nora-strom-myklebust">Nora Strøm Myklebust</Link>
+            </li>
+          </ul>
 
-                <h2>Fotoansvarlige</h2>
-                <ul>
-                    <li><Link to='/bmed/johanne-lyster-strande'>Johanne Lyster Strande</Link></li>
-                    <li><Link to='/bmed/marc-daniel-einebakken'>Marc Daniel Einebakken</Link></li>
-                    <li><Link to='/bmed/nora-strom-myklebust'>Nora Strøm Myklebust</Link></li>
-                </ul>
+          <h2>Informasjonsarkitektur-ansvarlige</h2>
+          <ul>
+            <li>
+              <Link to="/bixd/hanna-hernaes">Hanna Hernæs</Link>
+            </li>
+            <li>
+              <Link to="/bixd/ida-emilie-herfoss">Ida Emilie Herfoss</Link>
+            </li>
+            <li>
+              <Link to="/bixd/linde-helene-stormo">Linde Stormo</Link>
+            </li>
+            <li>
+              <Link to="/bixd/michelle-carina-osnes">
+                Michelle Carina Osnes
+              </Link>
+            </li>
+            <li>
+              <Link to="/bixd/sine-uberg">Sine Uberg</Link>
+            </li>
+          </ul>
 
-                <h2>Informasjonsarkitektur-ansvarlige</h2>
-                <ul>
-                    <li><Link to='/bixd/hanna-hernaes'>Hanna Hernæs</Link></li>
-                    <li><Link to='/bixd/ida-emilie-herfoss'>Ida Emilie Herfoss</Link></li>
-                    <li><Link to='/bixd/linde-helene-stormo'>Linde Stormo</Link></li>
-                    <li><Link to='/bixd/michelle-carina-osnes'>Michelle Carina Osnes</Link></li>
-                    <li><Link to='/bixd/sine-uberg'>Sine Uberg</Link></li>
-                </ul>
+          <h2>Innholdsansvarlige</h2>
+          <ul>
+            <li>
+              <Link to="/bixd/ann-margit-krog">Ann Margit Krog</Link>
+            </li>
+            <li>
+              <Link to="#">Andrea Kristoffersen</Link>
+            </li>
+            <li>
+              <Link to="/bwu/kristian-teppan">Kristian Teppan</Link>
+            </li>
+            <li>
+              <Link to="/bixd/lisa-sofie-edelman-saether">
+                Lisa Sofie Edelman Sæther
+              </Link>
+            </li>
+            <li>
+              <Link to="/bwu/sandra-kristiansen-smaaberg">
+                Sandra Kristiansen Smaaberg
+              </Link>
+            </li>
+            <li>
+              <Link to="/bwu/simen-tokerod-bergo">Simen Tokerød Bergo</Link>
+            </li>
+            <li>
+              <Link to="/bixd/thomas-hoiby">Thomas Høiby</Link>
+            </li>
+          </ul>
 
-                <h2>Innholdsansvarlige</h2>
-                <ul>
-                    <li><Link to='/bixd/ann-margit-krog'>Ann Margit Krog</Link></li>
-                    <li><Link to='#'>Andrea Kristoffersen</Link></li>
-                    <li><Link to='/bwu/kristian-teppan'>Kristian Teppan</Link></li>
-                    <li><Link to='/bixd/lisa-sofie-edelman-saether'>Lisa Sofie Edelman Sæther</Link></li>
-                    <li><Link to='/bwu/sandra-kristiansen-smaaberg'>Sandra Kristiansen Smaaberg</Link></li>
-                    <li><Link to='/bwu/simen-tokerod-bergo'>Simen Tokerød Bergo</Link></li>
-                    <li><Link to='/bixd/thomas-hoiby'>Thomas Høiby</Link></li>
-                </ul>
+          <h2>Utviklingsansvarlige</h2>
+          <ul>
+            <li>
+              <Link to="/bwu/cornelius-ottar-sandmael">
+                Cornelius Ottar Sandmæl
+              </Link>
+            </li>
+            <li>
+              <Link to="/bwu/glenn-eirik-hansen">Glenn Eirik Hansen</Link>
+            </li>
+            <li>
+              <Link to="/bwu/jostein-o-tollefsrud">
+                Jostein Ødegårdstuen Tollefsrud
+              </Link>
+            </li>
+          </ul>
 
-                <h2>Utviklingsansvarlige</h2>
-                <ul>
-                    <li><Link to='/bwu/cornelius-ottar-sandmael'>Cornelius Ottar Sandmæl</Link></li>
-                    <li><Link to='/bwu/glenn-eirik-hansen'>Glenn Eirik Hansen</Link></li>
-                    <li><Link to='/bwu/jostein-o-tollefsrud'>Jostein Ødegårdstuen Tollefsrud</Link></li>
-                </ul>
-
-                <h2>Stilarkansvarlige</h2>
-                <ul>
-                    <li><Link to='/bwu/emil-boen'>Emil Bøen</Link></li>
-                    <li><Link to='/bwu/ida-m-r-gjeitsund'>Ida M. R. Gjeitsund</Link></li>
-                    <li><Link to='/bwu/lena-amdal-larsen'>Lena Amdal-Larsen</Link></li>
-                    <li><Link to='/bwu/leonard-avdullahu'>Leonard Avdullahu</Link></li>
-                    <li><Link to='/bwu/vilde-gunnes-bertelsen'>Vilde Gunnes Bertelsen</Link></li>
-                </ul>
-            </section>
-        </Layout>
-    );
+          <h2>Stilarkansvarlige</h2>
+          <ul>
+            <li>
+              <Link to="/bwu/emil-boen">Emil Bøen</Link>
+            </li>
+            <li>
+              <Link to="/bwu/ida-m-r-gjeitsund">Ida M. R. Gjeitsund</Link>
+            </li>
+            <li>
+              <Link to="/bwu/lena-amdal-larsen">Lena Amdal-Larsen</Link>
+            </li>
+            <li>
+              <Link to="/bwu/leonard-avdullahu">Leonard Avdullahu</Link>
+            </li>
+            <li>
+              <Link to="/bwu/vilde-gunnes-bertelsen">
+                Vilde Gunnes Bertelsen
+              </Link>
+            </li>
+          </ul>
+        </section>
+      </div>
+    </Layout>
+  )
 }
 
-export default About;
\ No newline at end of file
+export default About
diff --git a/frontend/src/styles/404.module.css b/frontend/src/styles/404.module.css
index 0e6bdfb..bed4e43 100644
--- a/frontend/src/styles/404.module.css
+++ b/frontend/src/styles/404.module.css
@@ -13,5 +13,4 @@
 
 .container p {
     margin-top: 20px;
-    font-size: 16px;
 }
\ No newline at end of file
diff --git a/frontend/src/styles/ProjectCard.module.css b/frontend/src/styles/ProjectCard.module.css
index 2b43894..6259ee6 100644
--- a/frontend/src/styles/ProjectCard.module.css
+++ b/frontend/src/styles/ProjectCard.module.css
@@ -13,7 +13,6 @@
 .ProjectCard p {
     max-width: 29.1vw;
     margin-right: 4.5vw;
-    font-size: 20px;
 }
 
 @media screen and (max-width: 1200px) {
@@ -43,8 +42,4 @@
         cursor: default;
         width: 100%;
     }
-
-    .ProjectCard p {
-        font-size: 14px;
-    }
 }
\ No newline at end of file
diff --git a/frontend/src/styles/about.module.css b/frontend/src/styles/about.module.css
index 81a4e47..3a1439c 100644
--- a/frontend/src/styles/about.module.css
+++ b/frontend/src/styles/about.module.css
@@ -1,16 +1,16 @@
-h1 {
+.about h1 {
     margin: .5em 0;
 }
 
-section {
+.about section {
     margin: 1rem 7.2vw;
 }
 
-section h2 {
+.about section h2 {
     margin-bottom: .5rem;
 }
 
-section ul li {
+.about section ul li {
     padding: .5rem 0 1rem 0;
     list-style-type: none;
 }
\ No newline at end of file
diff --git a/frontend/src/styles/backLink.module.css b/frontend/src/styles/backLink.module.css
index fe7bdf9..72364c5 100644
--- a/frontend/src/styles/backLink.module.css
+++ b/frontend/src/styles/backLink.module.css
@@ -5,7 +5,6 @@
 
 .backLink a {
     text-decoration: none;
-    font-size: 14px;
     display: flex;
     align-items: center;
     width: 10vw;
@@ -15,13 +14,7 @@
     order: 0;
     font-weight: bolder;
     font-size: 20px;
-    color: black;
-}
-
-@media (prefers-color-scheme: dark) {
-    .desktopArrow {
-        color: var(--color-text);
-    }
+    color: var(--color-text);
 }
 
 .backLink span {
@@ -36,12 +29,16 @@
         background-color: var(--color-background);
         width: 100%;
         padding-bottom: 10px;
-        padding-left: 7.1vw;
-
+        padding-left: 6.4vw;
     }
 
     .backLink a {
-        font-size: 16px;
         width: 20vw;
     }
+}
+
+@media (max-width: 350px) {
+    .backLink a {
+        width: 50vw;
+    }
 }
\ No newline at end of file
diff --git a/frontend/src/styles/biocard.module.css b/frontend/src/styles/biocard.module.css
index 033556a..30d9c59 100644
--- a/frontend/src/styles/biocard.module.css
+++ b/frontend/src/styles/biocard.module.css
@@ -1,5 +1,6 @@
 .container {
   display: flex;
+  flex-direction: column;
   margin-right: 4vw;
   margin-left: 11.4vw;
   justify-content: space-between;
@@ -7,22 +8,23 @@
 }
 
 .cardContainer {
-  max-width: 40%;
   flex: 1 1 40%;
 }
 
 .fullName {
   margin-bottom: 0.5em;
+  font-weight: 700;
 }
 
 .studyProgramme {
   margin-bottom: 1em;
-  font-weight: 700;
-  font-size: 12px;
+  font-weight: 500;
   color: var(--color-text);
 }
 
-.profileImageContainer {
+.container span {
+  display: flex;
+  gap: 7.5vw;
   margin-bottom: 1em;
   margin-top: 25px;
 }
@@ -32,47 +34,30 @@
 }
 
 .bioContainer {
-  padding-top: 6vw;
   display: flex;
   align-items: center;
-  flex: 1 1 60%;
-  max-width: 60%;
-}
-
-.bio {
-  font-size: 20px;
 }
 
 @media only screen and (max-width: 900px) {
   .container {
-    flex-direction: column;
-    margin: 0 5vw;
+    margin: 0 6.4vw;
   }
 
   .cardContainer {
     max-width: none;
   }
 
-  .studyProgramme {
-    font-weight: 500;
-    font-size: 14px;
+  .container span {
+    flex-direction: column;
+    gap: 16px;
   }
 
   .bioContainer {
     margin-top: 15px;
-    margin-bottom: 25px;
     max-width: none;
   }
 
-  .bio {
-    font-size: 14px;
-  }
-
   .profileImage {
     width: 67.7vw;
   }
-
-  .test {
-    order: 3;
-  }
 }
\ No newline at end of file
diff --git a/frontend/src/styles/footer.module.css b/frontend/src/styles/footer.module.css
index 0f80243..646f44b 100644
--- a/frontend/src/styles/footer.module.css
+++ b/frontend/src/styles/footer.module.css
@@ -1,11 +1,15 @@
 .footer {
     background-color: var(--color-text);
-    color: var(--color-background);
     display: grid;
     grid-template-columns: 1fr 1fr;
     padding: 2rem;
 }
 
+.footer p {
+    color: var(--color-background);
+    margin-bottom: 2px;
+}
+
 .gridItem {
     height: 100%;
 }
diff --git a/frontend/src/styles/globals.css b/frontend/src/styles/globals.css
index 2a66f73..19a95c9 100644
--- a/frontend/src/styles/globals.css
+++ b/frontend/src/styles/globals.css
@@ -27,8 +27,8 @@
 @import url("https://use.typekit.net/jpr2mtr.css");
 
 :root {
-  --ohno-blazeface: ohno-blazeface, sans-serif;
-  --aktiv-grotesk: aktiv-grotesk, sans-serif;
+  --ohno-blazeface: ohno-blazeface, 'Arial Black', sans-serif;
+  --aktiv-grotesk: aktiv-grotesk, Arial, sans-serif;
 }
 
 /* ------------------- Font size ------------------- */
@@ -50,15 +50,23 @@
   padding: 0;
 }
 
+body {
+  font-size: 14px;
+}
+
 a {
+  font-size: 14px;
   color: var(--color-text);
   font-family: var(--aktiv-grotesk);
 }
 
 p {
   font-family: var(--aktiv-grotesk);
+  color: var(--color-text);
   font-size: 14px;
-  line-height: 114.3%;
+  line-height: 16px;
+  max-width: 78ch;
+  margin-bottom: 14px;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -70,7 +78,7 @@ p {
 h1,
 h2,
 h3 {
-  font-family: var(--ohno-blazeface);
+  font-family: var(--aktiv-grotesk);
   color: var(--color-text);
 }
 
@@ -91,28 +99,15 @@ h3 {
 
 @media (min-width: 830px) {
   :root {
-    /* Headers */
     --fs-h2: 36px;
     --fs-h3: 24px;
-    --fs-h4: 20px;
-    --fs-h5: 18px;
-    --fs-h6: 12px;
-    /* Body */
-    --fs-pl: 20px;
-    --fs-pm: 18px;
-    --fs-ps: 14px;
-    --fs-pxs: 12px;
   }
 }
 
-@media screen and (min-width: 830px) {
+@media screen and (min-width: 900px) {
 
   html,
   body {
     font-size: 18px;
   }
-
-  p {
-    font-size: 12px;
-  }
 }
\ No newline at end of file
diff --git a/frontend/src/styles/header.module.css b/frontend/src/styles/header.module.css
index 4360067..af9a426 100644
--- a/frontend/src/styles/header.module.css
+++ b/frontend/src/styles/header.module.css
@@ -38,8 +38,7 @@
 }
 
 .header nav ul li a {
-    font-size: 14px;
-    font-weight: 700;
+    font-weight: 500;
     color: var(--color-text);
     padding: 1rem;
     text-decoration: none;
@@ -160,8 +159,8 @@
     .header nav {
         display: block;
         position: fixed;
-        top: 0px;
-        left: 0px;
+        top: 0;
+        left: 0;
         text-align: left;
         width: 0;
         height: 0;
@@ -176,12 +175,14 @@
     .header nav ul {
         grid-template-columns: 1fr;
         border-bottom: none;
-        padding: 30px;
+        margin-top: -27px;
+        padding: 60px 35px;
         padding-bottom: 60px;
         background-color: var(--color-background);
         transform-origin: 0% 0%;
-        transform: translate(-100%, 0);
+        transform: translate(-115%, 0);
         transition: transform 0.5s ease-in-out;
+        box-shadow: 0px 4px 9px rgba(27, 26, 26, 0.25);
     }
 
     .header nav ul li {
@@ -191,15 +192,7 @@
 
     .header nav ul li a {
         padding: 2rem 0;
-        font-size: 12px;
-        font-weight: 500;
-        color: black;
-    }
-
-    @media (prefers-color-scheme: dark) {
-        .header nav ul li a {
-            color: var(--color-text);
-        }
+        color: var(--color-text);
     }
 
     /* Logo */
@@ -210,6 +203,10 @@
         width: 190px;
     }
 
+    .tallHeader {
+        height: 160px;
+    }
+
     .bigStaticImg {
         margin: 10px;
         width: 260px;
diff --git a/frontend/src/styles/index.module.css b/frontend/src/styles/index.module.css
index fb51609..36156ce 100644
--- a/frontend/src/styles/index.module.css
+++ b/frontend/src/styles/index.module.css
@@ -6,18 +6,18 @@
 
 .container h1 {
   text-indent: -999em;
+  margin: 0;
 }
 
 .container h2 {
   font-size: 18px;
+  font-weight: 500;
   margin-bottom: 8px;
   margin-top: 20px;
 }
 
 .container p {
-  font-size: 14px;
   color: var(--color-text);
-  margin-bottom: 22px;
 }
 
 .greenLine {
@@ -58,43 +58,35 @@
 
 .social {
   text-decoration: none;
-  color: black;
   font-size: 14px;
 }
 
 .boxes h2 {
+  text-transform: lowercase;
+  font-family: var(--ohno-blazeface);
   font-size: 24px;
   margin: 0 0 10px 0;
 }
 
 .boxes p {
   color: var(--color-text);
-  font-size: 12px;
   margin-top: 25px;
+}
+
+.boxes p:last-of-type {
   margin-bottom: 57px;
 }
 
 .boxes button {
   font-family: var(--aktiv-grotesk);
-  font-size: 12px;
   width: 100%;
   height: 32px;
   background-color: var(--color-background);
   border: 1px solid var(--color-accent);
   cursor: pointer;
   bottom: 38px;
-  color: black;
-}
-
-/* Media Queries */
-@media (prefers-color-scheme: dark) {
-  .social {
-    color: var(--color-text);
-  }
-
-  .boxes button {
-    color: var(--color-text);
-  }
+  color: var(--color-text);
+  box-shadow: 0px 4px 9px rgba(27, 26, 26, 0.05);
 }
 
 @media only screen and (max-width: 1200px) {
@@ -127,25 +119,18 @@
   }
 
   .containerText p {
-    font-size: 12px;
     width: 64.8vw;
   }
 
-  .container p,
-  .container h2 {
-    margin-bottom: 3px;
-  }
-
   .container h2 {
-    font-size: 12px;
+    font-size: 18px;
+    margin-bottom: 7px;
   }
 
   .greenLine {
     border: none;
-    font-size: 18px !important;
     padding-left: 0;
     margin-left: 0;
-    margin-bottom: 7px !important;
   }
 
   .boxes {
@@ -156,11 +141,7 @@
     font-size: 18px;
   }
 
-  .boxes p {
+  .boxes p:last-of-type {
     margin-bottom: 40px;
   }
-
-  .boxes button {
-    box-shadow: 0px 4px 9px rgba(27, 26, 26, 0.05);
-  }
 }
\ No newline at end of file
diff --git a/frontend/src/styles/socialLinks.module.css b/frontend/src/styles/socialLinks.module.css
index f8ebe75..580c8f5 100644
--- a/frontend/src/styles/socialLinks.module.css
+++ b/frontend/src/styles/socialLinks.module.css
@@ -13,7 +13,7 @@
   border-radius: 5px;
   margin-right: 0.8em;
   padding: 0.4em;
-  width: 2.25em;
+  width: 40px;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -23,10 +23,9 @@
 }
 
 .portfolioLink {
-  font-weight: 700;
-  font-size: 14px;
+  font-weight: 500;
 }
 
-.socialLinkIcon {
-  color: var(--color-text);
+.socialLinkIcon path {
+  stroke: var(--color-text);
 }
\ No newline at end of file
diff --git a/frontend/src/styles/studentcard.module.css b/frontend/src/styles/studentcard.module.css
index 797ffb4..da85b21 100644
--- a/frontend/src/styles/studentcard.module.css
+++ b/frontend/src/styles/studentcard.module.css
@@ -6,21 +6,22 @@
   flex-direction: column;
   gap: 1rem;
   margin-bottom: 1rem;
+}
+
+.studentCard img {
   transition: all 0.2s ease-in-out;
 }
 
-.studentCard:hover {
+.studentCard:hover img,
+.studentCard:focus-visible img {
+  transform: translate(-0.5rem, -0.5rem);
   box-shadow: 0.5rem 0.5rem 0 var(--color-accent);
   color: var(--color-accent);
 }
 
-.studentCard:focus-visible {
-  box-shadow: 0.5rem 0.5rem 0 var(--color-accent) !important;
-}
-
 .studentCardName {
   font-size: 18px;
-  font-weight: 500;
+  font-weight: 700;
   text-decoration: none;
 }
 
@@ -37,8 +38,8 @@
 
 @media only screen and (max-width: 900px) {
   .studentCard {
-    height: 25.8vw;
-    width: 25.8vw;
+    height: 25.5vw;
+    width: 25.5vw;
     margin-bottom: 1.5rem;
   }
 }
@@ -49,8 +50,4 @@
     width: 38.5vw;
     margin-bottom: 2rem;
   }
-
-  .studentCard p {
-    font-size: 14px;
-  }
 }
\ No newline at end of file
diff --git a/frontend/src/styles/studentlist.module.css b/frontend/src/styles/studentlist.module.css
index 4334464..f7c7a7c 100644
--- a/frontend/src/styles/studentlist.module.css
+++ b/frontend/src/styles/studentlist.module.css
@@ -10,15 +10,18 @@
   font-size: 20px;
 }
 
+.sortHead button {
+  color: var(--color-text);
+}
+
 .line {
   border-top: 1px solid #DDD5B8;
   margin: 17px 7.5vw 44px 7.5vw;
 }
 
 .button {
-  display: grid;
-  place-items: center;
-  font-size: 29px;
+  font-size: 21px;
+  margin-bottom: -3px;
   background: none;
   color: inherit;
   border: none;
@@ -29,19 +32,15 @@
 .studentGrid {
   display: flex;
   flex-wrap: wrap;
-  margin: 3.1vw 7.5vw;
-  margin: 0 7.5vw 3.1vw 7.5vw;
-  gap: 3.1vw;
+  margin: 0 7.5vw 75px 7.5vw;
+  column-gap: 3vw;
+  row-gap: 5vw;
 }
 
 @media (prefers-color-scheme: dark) {
   .line {
     border-top: 1px solid hsl(0, 0%, 34%);
   }
-
-  .sortHead button {
-    color: var(--color-text);
-  }
 }
 
 @media only screen and (max-width: 900px) {
@@ -50,16 +49,12 @@
   }
 
   .studentGrid {
-    margin: 1rem 7.1vw;
+    row-gap: 5.5vw;
   }
 }
 
 @media only screen and (max-width: 600px) {
-  .sortHead {
-    margin: 1rem 7.1vw;
-  }
-
   .studentGrid {
-    margin: 1rem 7.1vw;
+    row-gap: 7vw;
   }
 }
\ No newline at end of file
diff --git a/frontend/src/styles/studyprogramme.module.css b/frontend/src/styles/studyprogramme.module.css
index f1fb195..40f7f3d 100644
--- a/frontend/src/styles/studyprogramme.module.css
+++ b/frontend/src/styles/studyprogramme.module.css
@@ -2,8 +2,9 @@
   padding: 1rem 7.5vw;
 }
 
-.header p {
-  font-size: 14px;
+.header h2 {
+  text-transform: lowercase;
+  font-family: var(--ohno-blazeface);
 }
 
 @media only screen and (max-width: 900px) {