diff --git a/css/main.css b/css/main.css
index b25e769..134a3bd 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,16 +1,6 @@
-
-
-/* ==========================================================================
-   Author's custom styles
-   ========================================================================== */
-
-
-
-
-
-
-
-
+.group-header { 
+    min-height: 90px;
+}
 
 
 
diff --git a/img/logo_valgt.png b/img/logo_valgt.png
new file mode 100644
index 0000000..14c9515
Binary files /dev/null and b/img/logo_valgt.png differ
diff --git a/img/logo_valgt_graatoner.png b/img/logo_valgt_graatoner.png
new file mode 100644
index 0000000..e78db63
Binary files /dev/null and b/img/logo_valgt_graatoner.png differ
diff --git a/index.html b/index.html
index c56e93c..4055455 100644
--- a/index.html
+++ b/index.html
@@ -13,7 +13,7 @@
         <link rel="stylesheet" href="css/bootstrap.min.css">
         <style>
             body {
-                padding-top: 60px;
+                padding-top: 20px;
                 padding-bottom: 40px;
             }
         </style>
@@ -29,75 +29,50 @@
 
         <!-- This code is taken from http://twitter.github.com/bootstrap/examples/hero.html -->
 
-        <div class="navbar navbar-inverse navbar-fixed-top">
-            <div class="navbar-inner">
-                <div class="container">
-                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-                        <span class="icon-bar"></span>
-                        <span class="icon-bar"></span>
-                        <span class="icon-bar"></span>
-                    </a>
-                    <a class="brand" href="#">Project name</a>
-                    <div class="nav-collapse collapse">
-                        <ul class="nav">
-                            <li class="active"><a href="#">Home</a></li>
-                            <li><a href="#about">About</a></li>
-                            <li><a href="#contact">Contact</a></li>
-                            <li class="dropdown">
-                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
-                                <ul class="dropdown-menu">
-                                    <li><a href="#">Action</a></li>
-                                    <li><a href="#">Another action</a></li>
-                                    <li><a href="#">Something else here</a></li>
-                                    <li class="divider"></li>
-                                    <li class="nav-header">Nav header</li>
-                                    <li><a href="#">Separated link</a></li>
-                                    <li><a href="#">One more separated link</a></li>
-                                </ul>
-                            </li>
-                        </ul>
-                        <form class="navbar-form pull-right">
-                            <input class="span2" type="text" placeholder="Email">
-                            <input class="span2" type="password" placeholder="Password">
-                            <button type="submit" class="btn">Sign in</button>
-                        </form>
-                    </div><!--/.nav-collapse -->
-                </div>
-            </div>
-        </div>
-
         <div class="container">
 
             <!-- Main hero unit for a primary marketing message or call to action -->
             <div class="hero-unit">
-                <h1>Hello, world!</h1>
-                <p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
-                <p><a class="btn btn-primary btn-large">Learn more &raquo;</a></p>
+                <img src="img/logo_valgt_graatoner.png" />
+                <p>Kommunikasjonsavdelingen ved <a href="http://studentersamfundet.no">Det Norske Studentersamfund</a> på <a href="http://studentersamfundet.no">Chateau Neuf</a> består av fire undergrupper...</p>
             </div>
 
             <!-- Example row of columns -->
             <div class="row">
-                <div class="span4">
-                    <h2>Heading</h2>
-                    <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
-                    <p><a class="btn" href="#">View details &raquo;</a></p>
+                <div class="span3">
+                    <div class="group-header">
+                        <img src="img/design.png" />
+                    </div>
+                    <p>Trenger din forening plakat, flyer, meny, eller kanskje en ny logo? Slapp av, KAKs grafiske designere er tilgjengelige for alle husets foreninger. Samfundsforeninger kan <a href="http://studentersamfundet.no/bestilling/">bestille grafisk utforming</a> av KAK til nesten hva som helst. (Det er attpåtil gratis!)  Lurer du på noe? Ta kontakt med <a href="mailto:kak-design-leder@studentersamfundet.no">design-node</a>!</p>
+                    <p><a class="btn" href="http://bestilling.studentersamfundet.no/design/">Bestill designoppdrag &raquo;</a></p>
                 </div>
-                <div class="span4">
-                    <h2>Heading</h2>
-                    <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
-                    <p><a class="btn" href="#">View details &raquo;</a></p>
+                <div class="span3">
+                    <div class="group-header">
+                        <img src="img/edb.png" />
+                    </div>
+                    <p><strong>EDB</strong> består av to grupper: Drift og Web. De sørger for vedlikehold av husets systemer, <a href="http://studentersamfundet.no">nettsider</a> og nettverk. Gjengen leverer dessuten datamaskiner og kan tilby en rekke IT-tjenester til de øvrige foreningene på huset! Så ikke nøl med å <a href="mailto:kak-edb@studentersamfundet.no">ta kontakt</a> om du er i IT-nød!
+                    </p>
+                    <p><a class="btn" href="http://edb.neuf.no">Les mer &raquo;</a></p>
+                </div>
+                <div class="span3">
+                    <div class="group-header">
+                        <img src="img/prm.png" />
+                    </div>
+                    <p><strong>PRM</strong> jobber med PR og markedsføring. Trenger du ideer til hvordan du skal markedsføre et arrangement? Eller kanskje sitter du på kul idé du ønsker å realisere, men usikker på hvordan? Trenger du tiltak for å skape mer samhold i foreningen din? Ta kontakt med <a href="mailto:kak-prm@studentersamfundet.no">prm-gruppen</a>, så hjelper de deg videre!</p>
+                </div>
+                <div class="span3">
+                    <div class="group-header">
+                        <img src="img/tekst.png" />
+                    </div>
+                    <p><strong>Skribentersamfundet</strong> er våre trofaste, vittige og kreative skribenter, og studentersamfundets stemme utad. De veksler mellom å skrive presseskriv, anmelde konserter, teater og foredrag, og gjøre deg superpopulær på twitter. Dette er gjengen som går over lik for å koke tekst på spiker, om nødvendig! Trenger du en tekst, ønsker arrangementet ditt anmeldt, eller simpelten leter etter en pennevenn, ta kontakt med ghostbusters på <a href="mailto:kak-tekst@studentersamfundet.no">kak-tekst@studentersamfundet.no</a></p>
+                    <p><a class="btn disabled" href="#" title="Bestillingsskjema er på vei...">Bestill tekstoppdrag &raquo;</a></p>
                </div>
-                <div class="span4">
-                    <h2>Heading</h2>
-                    <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
-                    <p><a class="btn" href="#">View details &raquo;</a></p>
-                </div>
             </div>
 
             <hr>
 
             <footer>
-                <p>&copy; Company 2012</p>
+                <p></p>
             </footer>
 
         </div> <!-- /container -->