diff --git a/content/assets/stylesheets/includes/events.scss b/content/assets/stylesheets/includes/events.scss
index 46ff669..908e3dc 100644
--- a/content/assets/stylesheets/includes/events.scss
+++ b/content/assets/stylesheets/includes/events.scss
@@ -34,7 +34,10 @@
   padding-top:0px;
     box-shadow : none;
     width: 60%;
-
+    //for better spacing on mobile
+    @media screen and (max-width: 768px) {
+      width: 100%;
+    }
     .title {
       font-size: 1.7em;
       font-weight: 500;
diff --git a/content/assets/stylesheets/includes/general.scss b/content/assets/stylesheets/includes/general.scss
index 88eefe6..763ea8d 100644
--- a/content/assets/stylesheets/includes/general.scss
+++ b/content/assets/stylesheets/includes/general.scss
@@ -124,6 +124,15 @@ footer.footer {
       max-height: 250px;
     }
   }
+
+  //for better spacing on mobile
+  header.section {
+    padding: 0px 0px;
+  }
+
+  main.section {
+    padding-top: 0px;
+  }
 }
 
 #tipue_search_input {