diff --git a/template/company.twig b/template/company.twig
index 2a11b44..4ed80ef 100644
--- a/template/company.twig
+++ b/template/company.twig
@@ -5,21 +5,57 @@
 {% include 'includes/nav.twig' with {'page': 'company'} %}
     
 <main class="pageContent container">
-  <ul>
-    <li>
-      code: {{ company.short }}
-    </li>
-    <li>
-      name: {{ company.name }}
-    </li>
-    <li>
-      flag: <img height="48px" src="{{ company.logo }}"  alt="{{ company.name }}'s logo." />
-    </li>
-    <li>
-      description: {{company.description}}
-    </li>
-  </ul>
+  <div class="nationLayout">
+    <div class="nationCoreInfo">
+      <h1 style="margin: 0"> {{ company.name }} </h1>
+      <p style="font-family:monospace"> {{ company.short }} </p>
+      <h2> Logo </h2>
+      <img class="nationFlag" src="{{ company.logo }}" alt="{{ company.name }}'s logo." />
+    </div>
+    <div class="nationCoreInfo">
+      <h2 style="margin: 0"> Description </h2>
+      <p> {{ company.description }} </p>
+    </div>
+  </div>
 </main>
 
+<style>
+/* TCF PLEASE MOVE THIS TO THE CORRECT CSS FILE, I AM TOO LAZY */
+  
+@media (max-width: 700px) {
+  .nationLayout {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+  }
+}
+
+@media (min-width: 701px) {
+  .nationLayout {
+    display: flex;
+    flex-direction: row;
+    gap: 3rem;
+  }
+}
+
+p, h1, h2, h3 {
+  margin: 0;
+}
+
+.nationFlag {
+  border-radius: 12px;
+}
+
+.nationCoreInfo {
+  flex-grow: 1;
+  flex-basis: 250px;
+  gap: 1rem;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+}
+
+</style>
+
 {% include 'includes/footer.twig' %}
 {% include 'includes/foot.twig' %}
\ No newline at end of file