diff --git a/css/main.css b/css/main.css
index 052c09e..a1c18bd 100644
--- a/css/main.css
+++ b/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;
diff --git a/fuglekasse/index.php b/fuglekasse/index.php
index a647aaf..55176f0 100644
--- a/fuglekasse/index.php
+++ b/fuglekasse/index.php
@@ -9,6 +9,7 @@
   
   <link href="./video-js/video-js.css" rel="stylesheet">
   <link href="./video-js/themes/forest/index.css" rel="stylesheet">
+  <link href="./chromecast/silvermine-videojs-chromecast.css" rel="stylesheet">
   <style>
   video{
   border-radius: 0.5rem;
@@ -42,8 +43,26 @@
     <source src="https://trygve.me:8080/hls/stream.m3u8" type="application/x-mpegURL">
  </video>
 </div>
-  <script src="./video-js/video.js"></script>
   <script>
-    var player = videojs('live_stream');
+   window.SILVERMINE_VIDEOJS_CHROMECAST_CONFIG = {
+      preloadWebComponents: true,
+   };
   </script>
+  <script src="./video-js/video.js"></script>
+  <script src="./chromecast/silvermine-videojs-chromecast.min.js"></script>
+  <script type="text/javascript" src="https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1"></script>
+ <script>
+      var options;
+
+      options = {
+         techOrder: [ 'chromecast', 'html5' ],
+      };
+
+      videojs('live_stream', options, function() {
+         var player = this;
+
+         player.chromecast();
+      });
+  </script>
+</body>
 </html>
diff --git a/matrix_info/index.php b/matrix_info/index.php
new file mode 100644
index 0000000..24a4ab3
--- /dev/null
+++ b/matrix_info/index.php
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="no">
+<head>
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta charset="UTF-8">
+  <meta name="theme-color" content="#263238"/>
+  <link rel="icon" type="image/png" href="/dist/favicon.png">
+  <link rel="stylesheet" href="/css/main.css">
+</head>
+<body class="theme-auto">
+
+  <?php include "../common/header.html"; ?>
+
+
+<div class="cont">
+
+<h1 class="center-txt">Matrix</h1>
+
+<a href="https://element.trygve.me"><h2 class="center-txt">Åpne element</h2></a>
+<article>
+  <p>For å bruke en annen klient må du skrive inn adressa:</p>
+  <code>chat.trygve.me</code>
+  <p>Matrix er en fri og desentralisert lynmeldingsprotokoll. For å bruke matrix må du registrere deg hos en hjemmeserver, f.eks. chat.trygve.me, deretter kan du kommunisere med hvem som helst på din egen hjemmeserver og resten av nettverket. </p>
+  <p>Det finnes mange forskjellige klienter for forskjellige platformer. på <a href="https://matrix.org/clients/">https://matrix.org/clients/</a> finner du en liste med gode klienter. For nye brukere vill jeg anbefale Element som finnes som i nettleseren, som skrivebordsprogram eller som mobilapp. På <a href="https://element.trygve.me">https://element.trygve.me</a> finner du nettleserversjonen og appen kan lastes ned <a href="https://element.io/get-started">her<a/>.
+</article>
+</div>
+</body>
+</html>
diff --git a/mumble_info/index.php b/mumble_info/index.php
index 21c3c77..a0db392 100644
--- a/mumble_info/index.php
+++ b/mumble_info/index.php
@@ -16,10 +16,12 @@
 
 <h1 class="center-txt">Mumble</h1>
 
-<a href="mumble://trygve.me"><h2 class="center-txt">Åpne serveren i mumble</h2></a>
+<a href="mumble://trygve.me/"><h2 class="center-txt">Åpne min server i mumble</h2></a>
 <article>
   <p>Eller du kan skrive inn adressa selv:</p>
   <code>trygve.me</code>
+  <p>Mumble er et program aom lar deg ha talesamtaler i høy kvalitet og med liten forsinkelse.</p>
+  <p>Gå til <a href="https://mumble.info">https://mumble.info</a> for å laste ned mumble og mer info.</p>
 </article>
 </div>
 </body>
