Fixed differing styles of helpdesk and contact blocks.

_sass/contact.scss

@@ -54,7 +54,6 @@
 
   #main-wrapper {
     width           : 100%;
-    margin-top      : 2rem;
     display         : flex;
     flex-direction  : row;
     flex-wrap       : wrap;
@@ -70,17 +69,17 @@
     #map {
       width      : 100%;
       float      : right;
-      margin     : 0px auto;
+      margin     : 0 auto;
       height     : 60vh;
       max-height : 300px;
     }
   }
 
   #main {
-    margin            : 2rem 0;
+    margin            : 0 2rem;
-    padding-right     : 40px;
+
 
-    p{
+    h4{
       padding-bottom  : 5px;
     }
   }
@@ -90,7 +89,6 @@
   }
 
 }
-
 @media (max-width : 900px) {
 
   #contact {

contact.html

@@ -17,14 +17,14 @@ title: Kontakt - Lapikud
     </a>
   </div>
 
+  <h2>MTÜ Lapikud</h2>
   <div id="main-wrapper">
     <div id="main">
-      <h2>MTÜ Lapikud</h2>
+      <h4>Aadress: Akadeemia tee 5, Tallinn, Eesti</h4>
-      <p>Aadress: Akadeemia tee 5, Tallinn, Eesti</p>
+      <h4>E-post: <a href="mailto:lapikud@lapikud.ee">lapikud@lapikud.ee</a></h4>
-      <p>E-post: <a href="mailto:lapikud@lapikud.ee">lapikud@lapikud.ee</a></p>
+      <h4>Telefon: <a href="tel:+372 58 160 799">+372 58 160 799</a></h4>
-      <p>Telefon: <a href="tel:+372 58 160 799">+372 58 160 799</a></p>
+      <h4>Reg. kood: 801 67 145</h4>
-      <p>Reg. kood: 801 67 145</p>
+      <h4>Swedbank EE812200221019551756</h4>
-      <p>Swedbank EE812200221019551756</p>
     </div>
     <div id="maparea">
       <div id="map"></div>