diff --git a/templates/Montserrat-VariableFont_wght.ttf b/templates/Montserrat-VariableFont_wght.ttf
new file mode 100644
index 0000000..797c4a5
Binary files /dev/null and b/templates/Montserrat-VariableFont_wght.ttf differ
diff --git a/templates/index.html b/templates/index.html
index d8084d0..0292e92 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -4,13 +4,17 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
+    <title>Infraordinary</title>
 
     <style>
+        @font-face {
+        font-family: Montserrat;
+        src: url(Montserrat-VariableFont_wght.ttf);
+        }
         html,
         body {
             margin: 0 0;
-            font-family: sans-serif;
+            font-family: Montserrat;
             padding: 0 0;
             width: 100%;
             height: 100%;
@@ -28,8 +32,15 @@
         h2,
         h3 {
             margin: 0 0;
+            text-align: center;
+        }
+
+        h2{
+            font-weight: 400;
         }
 
+
+
         main {
             max-width: min(900px, calc(100vw - 4rem));
             margin: 2rem auto;
@@ -102,23 +113,56 @@
         .error {
             color: red;
         }
+
+        .title{
+            display: flex; 
+            margin: auto; 
+            position: relative; 
+            margin-bottom: 20%;
+            font-size: .9rem;
+        }
+
+
+        .logo{
+            position: absolute; 
+            right: -10%; 
+            top: -20%;
+            z-index: -10;
+            opacity: 0.5;
+            max-width: 300px;
+        }
+        @media only screen and (min-width: 801px){
+            .logo{
+                right: 0;
+                opacity: 1;
+                top: -60%;
+            }
+
+            .title{
+                margin-bottom: 10%;
+            }
+        }
     </style>
 </head>
 
 <body>
     <main class="container">
 
-
-        <h1>Official ministry of infra-ordinary</h1>
-        <h2>Ordinary sightings form</h2>
-        <p>Have you seen anything infra-ordinary? Upload your media here!</p>
+        <div class="title">
+            <h1>Ministry of the <br>Infra-Ordinary</h1>
+            <img src="iologo.svg" class="logo">
+        </div>
+        <h2>Upload your Infraordinary Observations:</h2>
+        <p>Help us broaden our perspectives on the infra-ordinary, and upload your media here!</p>
 
         {% if error %}
         <h1 class="error">Oops.. Something went wrong: {{ error }}!</h1>
         {% endif %}
 
         {% if submitted %}
-        <p>Thank you for your contribution!</p>
+        <p>Thank you for your contribution!<br>
+            <b>Consider becoming an M.I.O Agent (see paper form)</b>
+        </p>
         <a href="/">back</a>
 
         {% else %}
diff --git a/templates/iologo.svg b/templates/iologo.svg
new file mode 100644
index 0000000..041b01b
--- /dev/null
+++ b/templates/iologo.svg
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="50mm"
+   viewBox="0 0 100 50"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3 (0e150ed, 2023-07-21)"
+   sodipodi:docname="iologo.svg"
+   inkscape:export-filename="logoMIO.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="1.4229469"
+     inkscape:cx="136.33679"
+     inkscape:cy="13.352572"
+     inkscape:window-width="1512"
+     inkscape:window-height="945"
+     inkscape:window-x="1680"
+     inkscape:window-y="37"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Lag 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       id="g5"
+       transform="matrix(0.18669767,0.00363853,-0.00363853,0.18669767,31.393575,-0.24507643)"
+       style="fill:#8f1a00;fill-opacity:1;stroke:#8f1a00;stroke-opacity:1">
+      <path
+         style="fill:#8f1a00;fill-opacity:1;stroke:#8f1a00;stroke-width:0.920123;stroke-linecap:round;stroke-opacity:1"
+         d="m 68.850356,119.72542 -0.198088,69.27815 c 0,0 -8.17184,8.70796 -14.69009,8.95229 -6.518252,0.24433 -16.010659,-4.07696 -16.010659,-4.07696 l -0.04707,16.46214 c 0,0 13.334339,5.80293 20.857037,5.70958 7.035058,-0.0874 20.317147,-8.78101 20.317147,-8.78101 l 0.211817,-74.07962 z"
+         id="path1"
+         sodipodi:nodetypes="ccsccsccc" />
+      <path
+         style="fill:#8f1a00;fill-opacity:1;stroke:#8f1a00;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
+         d="m 34.84397,95.421855 c 0,0 18.041436,1.76389 29.564826,-10.866955 9.917753,-10.870902 1.910034,-27.792614 1.910034,-27.792614 0,0 9.578849,13.18055 12.156525,20.566895 2.693667,7.71873 0.532027,20.300744 -8.177632,25.336989 -13.46664,7.78691 -35.453753,-7.244315 -35.453753,-7.244315 z"
+         id="path2"
+         sodipodi:nodetypes="cscssc" />
+      <path
+         style="fill:#8f1a00;fill-opacity:1;stroke:#8f1a00;stroke-width:0.707739;stroke-linecap:round;stroke-opacity:1"
+         d="m 132.01451,177.29375 c -30.13577,1.74727 -32.346577,-27.57864 -31.41814,-48.30932 1.65695,-36.997436 37.7043,-54.378558 37.7043,-54.378558 0,0 -22.61007,16.609868 -20.91751,31.041898 0,0 11.02111,-7.865897 20.23039,-2.24203 5.32837,3.25391 5.65345,13.51926 5.65345,13.51926 0,0 -24.29164,-14.37715 -27.4779,11.38278 -5.35141,43.26444 16.22541,48.98597 16.22541,48.98597 z"
+         id="path3"
+         sodipodi:nodetypes="sscsscss" />
+      <path
+         style="fill:#8f1a00;fill-opacity:1;stroke:#8f1a00;stroke-width:1.3523;stroke-linecap:round;stroke-opacity:1"
+         d="m 121.77821,197.68687 c 0,0 45.03862,13.80153 45.7832,-49.28403 0.70981,-60.139551 -16.61455,-65.311049 -16.61455,-65.311049 0,0 27.08065,13.214952 30.6717,22.492599 11.27024,29.11714 10.90181,87.70352 -3.74875,99.51265 -17.37605,14.00601 -41.19267,12.37347 -56.0916,-7.41017 z"
+         id="path4"
+         sodipodi:nodetypes="cscssc" />
+    </g>
+    <path
+       style="fill:#8f1a00;fill-opacity:1;stroke:#8f1a00;stroke-width:0.18163;stroke-linecap:round;stroke-opacity:1"
+       d="m 51.218765,39.968237 c 0,0 -3.488302,-2.199454 -5.963087,-1.170754 L 41.17016,37.646911 c 0.115515,-1.269233 3.556278,-1.651639 5.614825,-1.196689 3.182869,0.703437 4.43378,3.518015 4.43378,3.518015 z"
+       id="path2-3"
+       sodipodi:nodetypes="cccsc" />
+    <path
+       style="fill:#8f1a00;fill-opacity:1;stroke:#8f1a00;stroke-width:0.150942;stroke-linecap:round;stroke-opacity:1"
+       d="m 37.809802,19.024269 c 3.371377,0.977159 7.639539,4.031779 5.698836,3.820933 -5.221987,-0.567333 -13.276907,-0.204574 -16.355327,1.17384 -5.850432,2.619629 -9.07911,7.497203 -14.712132,10.445944 -1.094389,0.572882 1.385053,1.569542 3.347276,-0.609877 2.219299,-2.464953 1.514788,1.490565 -3.093868,3.416825 -6.205147,2.593552 -14.8812893,-1.968707 -10.96234,-2.177594 7.4764198,-0.39851 19.634326,-9.781041 17.472597,-9.741286 -0.486842,0.009 -8.476103,6.850918 -11.0330039,2.834503 -1.4580537,-2.29033 8.7200149,-9.712227 7.2043409,-7.571341 -6.1738332,8.720536 -1.918923,0.20518 17.192377,-0.0061 1.495954,-0.01654 1.500086,-1.595705 -5.400247,-1.228706 -1.090547,0.05799 5.484251,-1.851954 10.641491,-0.357178 z"
+       id="path5"
+       sodipodi:nodetypes="sssssssssssss" />
+    <path
+       style="fill:#8f1a00;fill-opacity:1;stroke:#8f1a00;stroke-width:0.150942;stroke-linecap:round;stroke-opacity:1"
+       d="m 91.391603,24.827298 c -5.623084,4.009027 -13.002437,4.583329 -19.083796,6.438875 -1.181491,0.360502 -0.115823,-2.090076 2.81161,-1.915999 3.31097,0.196889 0.032,-2.124931 -4.602042,-0.260587 -6.239344,2.510163 -9.213758,11.850532 -6.276644,9.247623 5.603313,-4.965735 21.86912,-8.060388 20.301968,-6.57086 -0.352952,0.335439 -11.689747,1.318942 -10.690286,5.974085 0.569943,2.654565 12.851415,1.786014 10.268995,1.325831 -10.519046,-1.874481 2.953459,-4.055166 8.853841,-7.571432 0.849678,-0.506357 -0.210149,-7.646783 -1.583646,-6.667536 z"
+       id="path5-6"
+       sodipodi:nodetypes="ssssssssss" />
+    <path
+       style="fill:#8f1a00;fill-opacity:1;stroke:#8f1a00;stroke-width:0.117781;stroke-linecap:round;stroke-opacity:1"
+       d="m 91.5191,17.336084 c 1.876789,-0.0071 -4.746274,-0.740603 -6.668507,-0.269448 -1.779809,0.436244 3.119471,-3.499792 12.025689,-1.397659 2.045601,0.482822 0.735517,5.590019 -1.886287,5.133396 -8.094244,-1.409735 -14.804392,1.332824 -11.97666,0.965916 1.84454,-0.239338 1.170974,1.037976 0.55932,1.58038 -4.018014,3.563127 -6.023779,0.222341 -10.14638,2.125784 -2.237956,1.033289 8.483571,-8.101897 18.092825,-8.138369 z"
+       id="path5-6-5"
+       sodipodi:nodetypes="ssssssss" />
+    <path
+       style="fill:#8f1a00;fill-opacity:1;stroke:#8f1a00;stroke-width:0.150942;stroke-linecap:round;stroke-opacity:1"
+       d="m 26.955079,30.612849 c 1.092792,-0.575922 -2.229517,-0.40894 -3.997429,1.930856 -1.999539,2.646342 -1.564418,-1.221048 2.789182,-3.669766 6.586006,-3.704366 13.876178,1.123133 9.996248,1.71299 -9.506342,1.445228 -16.511832,9.962084 -14.36149,9.73693 0.484276,-0.05073 1.740155,-0.559349 1.689183,1.113281 -0.07333,2.406321 -1.691733,5.290296 -4.888037,3.925571 -1.291441,-0.551404 -0.56307,-9.829917 8.772343,-14.749862 z"
+       id="path5-6-5-7"
+       sodipodi:nodetypes="ssssssss" />
+  </g>
+</svg>
