Mer info om mumble og matrix

css/main.css

@@ -8,8 +8,8 @@
   --dark-btn-color: #303f9f;
   --dark-link-color: #5C6BC0;
 }
-
 body {
+  min-height: 100%;
   font-family: "Noto Sans", "Liberation Sans","Trebuchet MS", Arial, Helvetica, sans-serif;
   margin: 0;
   --accent-color: #1A237E;
@@ -22,8 +22,10 @@ body {
   --link-color: #3949AB;
   background-color: var(--bg-color);
   color: var(--text-color);
+
 }
 header{
+  align-self: start;
   padding: 0.5rem;
 }
 
@@ -78,6 +80,7 @@ a {
   margin: auto;
   background: var(--cont-bg-color);
   border-radius: 1rem;
+  grid-area: main;
 }
 
 .service-list {
@@ -134,10 +137,18 @@ a {
 #li-nextcloud { background-image: url(/img/icons/Nextcloud_Logo.svg); }
 #li-matrix { background-image: url(/img/icons/Matrix_Logo.svg); }
 
+
+@media screen and (max-width:600px){
+  .cont {
+    width: calc(100% - 0.5rem);
+    padding: 0.25rem;
+  }
+}
 @media only screen and (min-width:1000px){
   .cont {
-    width: max-content;
     padding: 1rem;
+    width: max-content;
+    max-width: 50%;
   }
 }
 
@@ -146,7 +157,6 @@ a {
     font-size: 18px;
   }
 }
-
 @media only screen and (min-width:2000px){
   html {              
     font-size: 20px;