From a713c16ffce9b6d474c285ae3763283f1a35aa8f Mon Sep 17 00:00:00 2001
From: Hannu Lyytikainen <hannu@sharetribe.com>
Date: Fri, 3 Nov 2017 17:29:36 +0200
Subject: [PATCH] Fix baseline alignment

---
 .../SectionHowItWorks/SectionHowItWorks.css           |  4 ++++
 src/components/SectionLocations/SectionLocations.css  | 11 ++++++++++-
 src/containers/LandingPage/LandingPage.css            |  4 ++--
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/components/SectionHowItWorks/SectionHowItWorks.css b/src/components/SectionHowItWorks/SectionHowItWorks.css
index 47639b19..e68c2c53 100644
--- a/src/components/SectionHowItWorks/SectionHowItWorks.css
+++ b/src/components/SectionHowItWorks/SectionHowItWorks.css
@@ -29,7 +29,11 @@
 }
 
 .stepTitle {
+  margin-top: 18px;
+  margin-bottom: 18px;
+
   @media (--viewportMedium) {
+    margin-top: 21px;
     margin-bottom: 18px;
   }
 }
diff --git a/src/components/SectionLocations/SectionLocations.css b/src/components/SectionLocations/SectionLocations.css
index 59c8b1c3..3af03050 100644
--- a/src/components/SectionLocations/SectionLocations.css
+++ b/src/components/SectionLocations/SectionLocations.css
@@ -28,12 +28,16 @@
 
 .location {
   width: 100%;
-  margin-bottom: 27px;
+  margin-top: 25px;
 
   /* Remove link's hover effect */
   &:hover {
     text-decoration: none;
   }
+
+  @media (--viewportMedium) {
+    margin-top: 0;
+  }
 }
 
 .location {
@@ -88,7 +92,12 @@
 .linkText {
   @apply --marketplaceH2FontStyles;
   color: var(--matterColor);
+  margin-top: 15px;
   margin-bottom: 0;
+
+  @media (--viewportMedium) {
+    margin-top: 21px;
+  }
 }
 
 .locationName {
diff --git a/src/containers/LandingPage/LandingPage.css b/src/containers/LandingPage/LandingPage.css
index 2b4ba9aa..8ef4dfbe 100644
--- a/src/containers/LandingPage/LandingPage.css
+++ b/src/containers/LandingPage/LandingPage.css
@@ -66,11 +66,11 @@
 }
 
 .sectionContent {
-  margin: var(--sectionMarginTopMobile) 24px 50px 24px;
+  margin: var(--sectionMarginTopMobile) 24px 51px 24px;
 
   @media (--viewportMedium) {
     max-width: 1052px;
-    margin: var(--sectionMarginTop) auto;
+    margin: var(--sectionMarginTop) auto 93px auto;
   }
 }