diff --git a/content/assets/images/hydra.png b/content/assets/images/hydra.png
new file mode 100644
index 0000000..27be7d6
Binary files /dev/null and b/content/assets/images/hydra.png differ
diff --git a/content/assets/images/hydra_og.png b/content/assets/images/hydra_og.png
new file mode 100644
index 0000000..d29ef7e
Binary files /dev/null and b/content/assets/images/hydra_og.png differ
diff --git a/content/assets/images/unnamed.png b/content/assets/images/unnamed.png
deleted file mode 100644
index 5e955b7..0000000
Binary files a/content/assets/images/unnamed.png and /dev/null differ
diff --git a/content/assets/stylesheets/includes/projects.scss b/content/assets/stylesheets/includes/projects.scss
index 580c9ca..c3f591f 100644
--- a/content/assets/stylesheets/includes/projects.scss
+++ b/content/assets/stylesheets/includes/projects.scss
@@ -1,22 +1,19 @@
-.imgspace {
-    display: flex;
-    justify-content: space-around;
-    width: 100%;
-    text-align: center;
+#flex-align-links {
+  width: 100%;
+  height: 60%;
+  padding-right: 5%;
+  display: flex;
+  justify-content: flex-end;
 }
 
-.imgcenter {
-    display: flex;
-    justify-content: center; /* align horizontal */
-    align-items: center; /* align vertical */
+.links {
+  align-self: flex-end;
 }
 
-.padbot {
-    padding-bottom: 15px;
-}
-
-.padtop {
-    padding-top: 25px;
+.links > .column {
+  display: inline-block;
+  max-width: 160px;
+  align-items: center;
 }
 
 .project {
diff --git a/content/projects.erb b/content/projects.erb
index b471584..52216b0 100644
--- a/content/projects.erb
+++ b/content/projects.erb
@@ -3,40 +3,34 @@ navigable: true
 title: Projecten
 order: 30
 ---
-<div class="content">
-    <div class="container">
-        <div class="tile is-vertical">
-            <div class="tile">
-                <article class="tile is-child notification is-default">
-                    <div class="columns">
-                        <div class="column is-one-quarter has-text-centered padtop">
-                            <img src="/assets/images/unnamed.png">
-                        </div>
-                        <div class="column">
-                            <p class="title">Hydra</p>
-                            <p class="subtitle">Android, iOS, and Windows 10 application providing all the information a student at Ghent University needs.</p>
-                            <div class="columns">
-                                <div class="column is-one-quarter"></div>
-                                <div class="column imgspace">
-                                    <a href="https://itunes.apple.com/be/app/hydra/id602640924"><img src="https://camo.githubusercontent.com/c5065f53773c01c20c7cb90cbbefc9552b4e3187/687474703a2f2f73747564656e742e7567656e742e62652f68796472612f696d672f73746f72652d696f732e706e67"></a>
-                                    <a href="http://play.google.com/store/apps/details?id=be.ugent.zeus.hydra"><img src="https://camo.githubusercontent.com/2b3471ae9f71b68d99ec52802a1c14c9a6803086/687474703a2f2f73747564656e742e7567656e742e62652f68796472612f696d672f73746f72652d616e64726f69642e706e67"></a>
-                                    <a href="http://www.windowsphone.com/s?appId=08d3268e-aad6-48fa-ae83-5ccd1663e73a"><img src="/assets/images/win.png"></a>
-                                </div>
-                            </div>
-                            <div class="columns">
-                                <div class="column is-one-quarter"></div>
-                                <div class="column imgspace">
-                                    <a href="https://github.com/ZeusWPI/hydra-iOS">iOS <span class="icon"><i class="fa fa-github"></i></span></a>
-                                    <a href="https://github.com/ZeusWPI/hydra-android">Android <span class="icon"><i class="fa fa-github"></i></span></a>
-                                    <a href="https://github.com/ZeusWPI/hydra-windows">Windows 10 <span class="icon"><i class="fa fa-github"></i></span></a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </article>
-            </div>
-        </div>
+<div class="container project content">
+  <article class="columns">
+    <div class="column is-one-quarter" id="logo-column">
+      <div class="hydra-scrot">
+        <img src="/assets/images/hydra.png">
+      </div>
     </div>
+    <div class="column">
+      <p class="title">Hydra</p>
+      <p class="description subtitle">Android, iOS, and Windows 10 application providing all the information a student at Ghent University needs.</p>
+      <div id="flex-align-links">
+        <div class="columns links">
+          <div class="column has-text-centered">
+            <a href="https://itunes.apple.com/be/app/hydra/id602640924"><img src="https://camo.githubusercontent.com/c5065f53773c01c20c7cb90cbbefc9552b4e3187/687474703a2f2f73747564656e742e7567656e742e62652f68796472612f696d672f73746f72652d696f732e706e67"></a>
+            <a href="https://github.com/ZeusWPI/hydra-iOS">iOS <span class="icon"><i class="fa fa-github"></i></span></a>
+          </div>
+          <div class="column has-text-centered">
+            <a href="http://play.google.com/store/apps/details?id=be.ugent.zeus.hydra"><img src="https://camo.githubusercontent.com/2b3471ae9f71b68d99ec52802a1c14c9a6803086/687474703a2f2f73747564656e742e7567656e742e62652f68796472612f696d672f73746f72652d616e64726f69642e706e67"></a>
+            <a href="https://github.com/ZeusWPI/hydra-android">Android <span class="icon"><i class="fa fa-github"></i></span></a>
+          </div>
+          <div class="column has-text-centered">
+            <a href="http://www.windowsphone.com/s?appId=08d3268e-aad6-48fa-ae83-5ccd1663e73a"><img src="/assets/images/win.png"></a>
+            <a href="https://github.com/ZeusWPI/hydra-windows">Windows 10 <span class="icon"><i class="fa fa-github"></i></span></a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </article>
 </div>