Made the theme responsive

index.hbs

@@ -7,12 +7,13 @@
 <div class="below-header"></div>
 
 {{!-- Header content --}}
-<div class="header-text">
+<header class="header-text">
     <div class="top-content">
         <h1>Christiaan Goossens</h1>
         <h2>Creating software for the web, mobile devices and the desktop while consulting in all things IT related.</h2>
         <h4>Student at the Eindhoven University of Technology</br>CEO, Verictas</h4>
         <a class="scroll-down icon-arrow-left" title="Please scroll down" id="scroll-arrow"><span class="hidden">Scroll Down</span></a>
+        <a class="mobile-button">Show more about me</a>
     </div>
     <div class="hidden-content">
         <div class="cv-box">
@@ -71,10 +72,13 @@
             </ul>
         </div>
     </div>
-</div>
+</header>
 
 {{!-- The main content area on the homepage --}}
 <main id="content" class="content" role="main">
+    <div class="blog-title-container">
+        <h4 class="blog-title">Some articles I wrote</h4>
+    </div>
     {{!-- The tag below includes the post loop - partials/loop.hbs --}}
     {{> "loop"}}
 </main>