diff --git a/index.html b/index.html
index 26f8d76..0162b23 100644
--- a/index.html
+++ b/index.html
@@ -40,8 +40,8 @@
                     <a class="nav-link" href="#contact">Contact</a>
                 </li>
                 <li class="nav-item dropdown">
-                    <a id="learnNavbar" class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Learn</a>
-                    <ul class="dropdown-menu dropdown-menu-end dropdown-menu-dark bg-black border-1 border-white" aria-labelledby="learnNavbar">
+                    <a id="learn" class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Learn</a>
+                    <ul class="dropdown-menu dropdown-menu-dark bg-black border-1 border-white" aria-labelledby="learn">
                         <li><a class="dropdown-item" href="#">Legio XXX</a></li>
                         <li><a class="dropdown-item" href="#">Legion Structure</a></li>
                         <li><a class="dropdown-item" href="#">Legionary Camp</a></li>
@@ -52,15 +52,24 @@
                         <li><a class="dropdown-item" href="#">Resources</a></li>
                     </ul>
                 </li>
-                <li class="nav-item">
-                    <a id="eventsNavbar" class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Events</a>
-                    <ul class="dropdown-menu dropdown-menu-end dropdown-menu-dark bg-black border-1 border-white" aria-labelledby="eventsNavbar">
-                        <li><a class="dropdown-item" href="#">Calendar</a></li>
-                        <li><hr class="dropdown-divider"></li>
+                <li class="nav-item dropdown">
+                    <a id="events" class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Events</a>
+                    <ul class="dropdown-menu dropdown-menu-dark bg-black border-1 border-white" aria-labelledby="events">
                         <li><a class="dropdown-item" href="#">Castra Aestiva</a></li>
                         <li><a class="dropdown-item" href="#">Castra Hiberna</a></li>
                         <li><hr class="dropdown-divider"></li>
+                        <li><a class="dropdown-item" href="#">Calendar</a></li>
+                    </ul>
+                </li>
+                <li class="nav-item dropdown">
+                    <a id="members" class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Members</a>
+                    <ul class="dropdown-menu dropdown-menu-end dropdown-menu-dark bg-black border-1 border-white" aria-labelledby="members">
+                        <li><a class="dropdown-item" href="#">Register</a></li>
+                        <li><hr class="dropdown-divider"></li>
                         <li><a class="dropdown-item" href="#">Rules</a></li>
+                        <li><a class="dropdown-item" href="#">Getting Started</a></li>
+                        <li><a class="dropdown-item" href="#">Purchase Kit</a></li>
+                        <li><a class="dropdown-item" href="#">Kit Maintinance</a></li>
                     </ul>
                 </li>
             </ul>
@@ -80,24 +89,28 @@
         <div class="mb-5 py-5"><!-- Spacer --></div>
         <h2>About</h2>
         <div class="container">
-            <div class="d-flex">
-                <div class="p-1 text-center" style="border: solid 5px white;">
-                    <div class="p-1" style="border: dashed 5px white;">
-                        <div class="p-3" style="border: solid 5px white;">
-                            <h3 class="text-nowrap">LEGIO · XXX</h3>
-                            <img src="img/capricorn.png" class="my-3" alt="capricorn" height="150em" width="150em">
-                            <h4 class="text-nowrap">VLPIA · VICTRIX</h4>
+            <div class="d-flex align-items-center justify-content-around">
+                <div class="">
+                    <img src="/img/trajan-bust.png" height="auto" width="275px">
+                </div>
+                <div class="text-center">
+                    <h4>Legio XXX Ulpia Victrix</h4>
+                    <h4 class="mb-4">(Trajan's Victorious Thirtieth Legion)</h4>
+                    <p>Legio XXX is a North American Roman re-enactment group that has been active since 2004.</p>
+                    <p>It's members represent a cross between living history enthusiasts and edutainers</p>
+                    <p>recreating the lives of LEGIO XXX, founded by emperor Trajan in the 2nd centery AD.</p>
+                </div>
+                <div class="ps-4">
+                    <div class="p-1 text-center" style="border: solid 5px white;">
+                        <div class="p-1" style="border: dashed 5px white;">
+                            <div class="p-3" style="border: solid 5px white;">
+                                <h3 class="text-nowrap" style="font-size: 2em">LEGIO · XXX</h3>
+                                <img src="img/capricorn.png" class="my-3" alt="capricorn" height="140em" width="140em">
+                                <h4 class="text-nowrap" style="font-size: 1.5em">VLPIA · VICTRIX</h4>
+                            </div>
                         </div>
                     </div>
                 </div>
-                <div>
-                    <p>
-                        Legio XXX is a North American Roman re-enactment group that has been active since 2004. Its members represent a cross between living history enthusiasts and edutainers.
-                    </p>
-                </div>
-                <div>
-                    <img src="/img/trajan.png" height="75vh" width="auto">
-                </div>
             </div>
         </div>
     </section>