diff --git a/source/src/app/info/info.component.html b/source/src/app/info/info.component.html
index 65ad195..73e0aaa 100644
--- a/source/src/app/info/info.component.html
+++ b/source/src/app/info/info.component.html
@@ -1,99 +1,101 @@
-<article class="center mw5 mw6-ns hidden ba mv4">
-  <h1 class="f4 bg-near-black white mv0 pv2 ph3">General Troop Information</h1>
-  <div class="pa3 bt bg-light-blue">
-    <p class="f6 f5-ns lh-copy measure mv0">
-      <a
-        href="https://docs.google.com/document/d/1al1knH02-Q8JXdgfq3pu9rHKHBGwfdjn8ATFFrvAfZk/edit?tab=t.0"
-        target="_blank">
-        General Weekend Packing List
-      </a>
-    </p>
-  </div>
-</article>
-<article class="center mw5 mw6-ns hidden ba mv4">
-  <h1 class="f4 bg-near-black white mv0 pv2 ph3">Summer Camp 2025</h1>
-  <div class="pa3 bt bg-light-blue">
-    <p class="f6 f5-ns lh-copy measure mv0">
-      <a
-        href="https://drive.google.com/file/d/1aRW5LI044sdhQ64d-dmaZycnDAzv90Nk/view"
-        target="_blank">
-        Summer Camp Adult Leader Guide
-      </a>
-    </p>
-    <p class="f6 f5-ns lh-copy measure mv0">
-      <a
-        href="upcoming-events/summer-camp-gear-drop-off.pdf"
-        target="_blank">
-        6/12/2025 - Summer Camp Gear Drop Off
-      </a>
-    </p>
-    <p class="f6 f5-ns lh-copy measure mv0">
-      <a
-        href="upcoming-events/summer-camp-2025.pdf"
-        target="_blank">
-        6/15/2025 - Summer Camp
-      </a>
-    </p>
-  </div>
-</article>
-<article class="center mw5 mw6-ns hidden ba mv4">
-  <h1 class="f4 bg-near-black white mv0 pv2 ph3">Upcoming Events</h1>
-  <div class="pa3 bt bg-light-blue">
-    <p class="f6 f5-ns lh-copy measure mv0">
-      <a
-        href="upcoming-events/upcoming-events.pdf"
-        target="_blank">
-        Upcoming Events May - August
-      </a>
-    </p>
-    <p class="f6 f5-ns lh-copy measure mv0">
-      <a
-        href="upcoming-events/good-turn-weekend.pdf"
-        target="_blank">
-        5/16/2025 - Good Turn Weekend
-      </a>
-    </p>
-    <p class="f6 f5-ns lh-copy measure mv0">
-      <a
-        href="upcoming-events/memorial-day-parade.pdf"
-        target="_blank">
-        5/26/2025 - Memorial Day Parade Info
-      </a>
-    </p>
-    <p class="f6 f5-ns lh-copy measure mv0">
-      <a
-        href="upcoming-events/cope.pdf"
-        target="_blank">
-        5/29/2025 - COPE - Bring a Friend Event
-      </a>
-    </p>
-    <p class="f6 f5-ns lh-copy measure mv0">
-      <a
-        href="upcoming-events/july-board-of-review.pdf"
-        target="_blank">
-        7/10/2025 - Board of Review
-      </a>
-    </p>
-    <p class="f6 f5-ns lh-copy measure mv0">
-      <a
-        href="upcoming-events/cave-cavern-outing.pdf"
-        target="_blank">
-        7/26/2025 - Caving Event - Bring a friend
-      </a>
-    </p>
-    <p class="f6 f5-ns lh-copy measure mv0">
-      <a
-        href="upcoming-events/five-year-picnic.pdf"
-        target="_blank">
-        8/2/2025 - Court of Honor - 5 Year Celebration
-      </a>
-    </p>
-    <p class="f6 f5-ns lh-copy measure mv0">
-      <a
-        href="upcoming-events/fundamentals-of-fishing.pdf"
-        target="_blank">
-        8/30/2025 - Fundamentals of Fishing
-      </a>
-    </p>
-  </div>
-</article>
\ No newline at end of file
+<div [class]="{'': !mobileService.isMobile(), 'mb5': mobileService.isMobile()}">
+  <article class="center mw5 mw6-ns hidden ba mv4">
+    <h1 class="f4 bg-near-black white mv0 pv2 ph3">General Troop Information</h1>
+    <div class="pa3 bt bg-light-blue">
+      <p class="f6 f5-ns lh-copy measure mv0">
+        <a
+          href="https://docs.google.com/document/d/1al1knH02-Q8JXdgfq3pu9rHKHBGwfdjn8ATFFrvAfZk/edit?tab=t.0"
+          target="_blank">
+          General Weekend Packing List
+        </a>
+      </p>
+    </div>
+  </article>
+  <article class="center mw5 mw6-ns hidden ba mv4">
+    <h1 class="f4 bg-near-black white mv0 pv2 ph3">Summer Camp 2025</h1>
+    <div class="pa3 bt bg-light-blue">
+      <p class="f6 f5-ns lh-copy measure mv0">
+        <a
+          href="https://drive.google.com/file/d/1aRW5LI044sdhQ64d-dmaZycnDAzv90Nk/view"
+          target="_blank">
+          Summer Camp Adult Leader Guide
+        </a>
+      </p>
+      <p class="f6 f5-ns lh-copy measure mv0">
+        <a
+          href="upcoming-events/summer-camp-gear-drop-off.pdf"
+          target="_blank">
+          6/12/2025 - Summer Camp Gear Drop Off
+        </a>
+      </p>
+      <p class="f6 f5-ns lh-copy measure mv0">
+        <a
+          href="upcoming-events/summer-camp-2025.pdf"
+          target="_blank">
+          6/15/2025 - Summer Camp
+        </a>
+      </p>
+    </div>
+  </article>
+  <article class="center mw5 mw6-ns hidden ba mv4">
+    <h1 class="f4 bg-near-black white mv0 pv2 ph3">Upcoming Events</h1>
+    <div class="pa3 bt bg-light-blue">
+      <p class="f6 f5-ns lh-copy measure mv0">
+        <a
+          href="upcoming-events/upcoming-events.pdf"
+          target="_blank">
+          Upcoming Events May - August
+        </a>
+      </p>
+      <p class="f6 f5-ns lh-copy measure mv0">
+        <a
+          href="upcoming-events/good-turn-weekend.pdf"
+          target="_blank">
+          5/16/2025 - Good Turn Weekend
+        </a>
+      </p>
+      <p class="f6 f5-ns lh-copy measure mv0">
+        <a
+          href="upcoming-events/memorial-day-parade.pdf"
+          target="_blank">
+          5/26/2025 - Memorial Day Parade Info
+        </a>
+      </p>
+      <p class="f6 f5-ns lh-copy measure mv0">
+        <a
+          href="upcoming-events/cope.pdf"
+          target="_blank">
+          5/29/2025 - COPE - Bring a Friend Event
+        </a>
+      </p>
+      <p class="f6 f5-ns lh-copy measure mv0">
+        <a
+          href="upcoming-events/july-board-of-review.pdf"
+          target="_blank">
+          7/10/2025 - Board of Review
+        </a>
+      </p>
+      <p class="f6 f5-ns lh-copy measure mv0">
+        <a
+          href="upcoming-events/cave-cavern-outing.pdf"
+          target="_blank">
+          7/26/2025 - Caving Event - Bring a friend
+        </a>
+      </p>
+      <p class="f6 f5-ns lh-copy measure mv0">
+        <a
+          href="upcoming-events/five-year-picnic.pdf"
+          target="_blank">
+          8/2/2025 - Court of Honor - 5 Year Celebration
+        </a>
+      </p>
+      <p class="f6 f5-ns lh-copy measure mv0">
+        <a
+          href="upcoming-events/fundamentals-of-fishing.pdf"
+          target="_blank">
+          8/30/2025 - Fundamentals of Fishing
+        </a>
+      </p>
+    </div>
+  </article>
+</div>
\ No newline at end of file
diff --git a/source/src/app/info/info.component.ts b/source/src/app/info/info.component.ts
index 8643a96..a0fa284 100644
--- a/source/src/app/info/info.component.ts
+++ b/source/src/app/info/info.component.ts
@@ -1,4 +1,5 @@
-import { Component } from '@angular/core';
+import {Component, inject} from '@angular/core';
+import {MobileService} from '../mobile.service';
 
 @Component({
   selector: 'app-info',
@@ -7,5 +8,5 @@ import { Component } from '@angular/core';
   styleUrl: './info.component.scss'
 })
 export class InfoComponent {
-
+  public mobileService = inject(MobileService);
 }