Add services, fix column styling

www/css/services.css

@@ -6,6 +6,7 @@ main {
   grid-template-columns:  1fr 1fr;
   grid-gap: 1em;
 
+  margin: auto auto;
 }
 
 .categoryContainer {
@@ -41,10 +42,6 @@ main {
   flex-grow: 1;
 }
 
-/* .serviceTitle, .serviceDescription { */
-/*   display: inline; */
-/* } */
-
 .serviceTitle {
   margin: 0.2em !important;
 }
@@ -60,18 +57,16 @@ main {
 }
 
 .serviceLink {
-  width: 100%;
+  width: 70%;
   padding-bottom: 5px;
-}
-.serviceLink > a {
-  width: 100%;
-  /* height: 2em; */
   border-radius: 5px;
   border: 2px solid #002244;
-  padding: 8px;
-
-  /* Dont break */
-  white-space: nowrap;
+  padding: 7px;
+  margin-top: 4px;
+}
+.serviceLink > a {
+  margin-bottom: 10px;
+  word-break: break-word;
 }
 
 .serviceImage {
@@ -81,3 +76,14 @@ main {
 
   margin: auto auto;
 }
+
+@media (max-width: 800px) {
+  main {
+    grid-template-columns: 1fr;
+    margin: auto !important;
+  }
+  .categoryContainer {
+    width: 100%;
+  }
+}
+