diff --git a/mphill.html b/mphill.html
index 8dd8bbc4f..6264e4eb4 100644
--- a/mphill.html
+++ b/mphill.html
@@ -47,7 +47,7 @@ <h2>MPhil / MSc Programmes</h2>
     </div>
 
     
-    <div class="benefits about-content">
+    <div class="benefits about-content" id="mphill-container">
         <h3>MPhil / MSc Programmes </h3>
         <div class="benefits-container">
             <div class="benefits-experts about-content">
diff --git a/style.css b/style.css
index 82a89f022..101672727 100644
--- a/style.css
+++ b/style.css
@@ -680,7 +680,7 @@ p {
 
     .about-content {
         padding: 10px;
-        margin: 1em;
+        margin: .5em;
     }
 
     .about-content h2 {
@@ -726,4 +726,36 @@ p {
     form {
         width: 90%;
     }
+
+    .intro-hm .intro-txt h1{
+        font-size: 3em;
+    }
+
+
+    .benefits-container {
+        margin: 0;
+    }
+
+    .benefits-container .benefits-experts, .benefits-container .benefits-certificate {
+        max-width:100%;
+    }
+
+    .benefits-container {
+        flex-direction: column;
+        margin-bottom: 35px;
+    }
+
+    #undergrad-content{
+        padding:0;
+        margin:0;
+    }
+
+    .about-image img {
+        margin-bottom: 30px;
+    }
+
+    #mphill-container{
+        margin: .5em;
+        padding:0
+    }
 }
\ No newline at end of file
diff --git a/undergrad.html b/undergrad.html
index 3ec078b26..a6cb4d2c7 100644
--- a/undergrad.html
+++ b/undergrad.html
@@ -47,7 +47,7 @@ <h2>Undergraduate Degree Programmes</h2>
     </div>
 
     
-    <div class="benefits about-content">
+    <div class="benefits about-content" id="undergrad-content">
         <h3>Undergraduate Courses </h3>
         <div class="benefits-container">
             <div class="benefits-experts about-content">