Mobile view is working

Mobile view is working but needs some more work. Added Public PGP key
link.

Work yet to be done in contact section:
* Make all links working
* Check several mobile views
* Clean up code. There is quite some code which can be merged and there
  is a lot of obsolete css

index.html

@@ -494,9 +494,7 @@
        <div class="twelve columns header-col">
          <h1>Get in Touch</h1>
        </div>
-     </div>
 
-     <div class="row">
        <div class="twelve columns">
          <p class="contacttext">Do you have any further questions? Please don't hesitate to reach out to me!
          </p>
@@ -505,7 +503,6 @@
 
        <!-- Contact details -->
      <div class="row" id="row-businesscard">
-        <div class="one columns"></div>
              <div class="five columns contact-left businesscard">
                <img class="profile-pic"  src="images/profilepic.jpg" alt="" />
                <p class="name">Dennis Potter</p>
@@ -530,8 +527,8 @@
                       </li>
                       <li>
                           <i class="fa fa-envelope contact-fa"></i>
-                          <p class="oneline">dennis@dennispotter.eu</p>
-                      </li>
+                          <p class="oneline"><a href="mailto:dennis@dennispotter.eu">dennis@dennispotter.eu</a></p>
+                     </li>
                       <li>
                           <i class="fa fa-key contact-fa"></i>
                           <p class="pgp">3164 394F FBBF 6F3B AE6A<br />D43B 186A 8AD4 4094 2BAF</p>
@@ -541,12 +538,12 @@
              </div>
 
 
-        <div class="one columns"></div>
     </div>
 
     <div class="row">
-         <div class="twelve columns" style="text-align: center; margin-top: 40px;">
-              <i>Download my vCard | Download my Public PGP Key</i>
+         <div class="twelve columns download">
+              <i>Download vCard | 
+              <a href="contact/public_pgp_dennis_potter.asc">Download Public PGP Key</a></i>
          </div>
     </div>