Contact map fixed. Banner moved to the right.

_sass/contact.scss

@@ -54,19 +54,22 @@
 
   #main-wrapper {
     width           : 100%;
-    margin-top      : 40px;
+    margin-top      : 2rem;
     display         : flex;
     flex-direction  : row;
     flex-wrap       : wrap;
+    justify-content : center;
+    align-items     : center;
   }
 
   #maparea {
-    margin        : 0 20px 0px auto;
+    margin        : 0 2rem 0 2rem;
     min-width     : 50%;
     flex          : 1;
 
     #map {
       width      : 100%;
+      float      : right;
       margin     : 0px auto;
       height     : 60vh;
       max-height : 300px;

contact.html

@@ -7,14 +7,14 @@ title: Kontakt - Lapikud
 
   <h2>Helpdesk</h2>
   <div id="helpdesk">
-    <a id="helpdesk-banner-container" href="/helpdesk">
-      <img id="helpdesk-banner" src="/assets/helpdesk-on-black.png">
-    </a>
     <div id="helpdesk-info">
       <h4>E-mail: <a href="mailto:helpdesk@lapikud.ee">helpdesk@lapikud.ee</a></h4>
       <h4>Telefon: <a href="tel:+37258160799">+372 581 607 99</a></h4>
       <h4>Facebook: <a href="https://www.facebook.com/lapikudhelpdesk/">Lapikud Helpdesk</a></h4>
     </div>
+    <a id="helpdesk-banner-container" href="/helpdesk">
+      <img id="helpdesk-banner" src="/assets/helpdesk-on-black.png">
+    </a>
   </div>
 
   <div id="main-wrapper">