Updated styles

src/app/components/footer/footer.component.html

@@ -20,9 +20,9 @@
 		</div>
 		<h3 class="mt-4 mb-0">so we can invade your feed ⚔️</h3>
 	</div>
-	<div class="bg-dark text-center text=sm=start">
-		<div class="d-flex flex-column flex-sm-row flex-wrap justify-content-around container p-3">
-			<div *ngFor="let group of navigation">
+	<div class="bg-dark text-center text-sm-start">
+		<div class="d-flex flex-column flex-sm-row flex-wrap justify-content-center container p-3 pb-0">
+			<div *ngFor="let group of navigation" class="mx-5">
 				<h2 class="sitemap-header">{{group.label}}</h2>
 				<ul>
 					<ng-container *ngFor="let section of group.children">
@@ -32,7 +32,7 @@
 					</ng-container>
 				</ul>
 			</div>
-			<div>
+			<div class="mx-5">
 				<h2 class="sitemap-header">Contact</h2>
 				<ul>
 					<li class="font-weight-strong">Robert Sacco</li>