From 4150d3cb488ffb20534ba88c31f07c7a79cb33fc Mon Sep 17 00:00:00 2001
From: Hannu Lyytikainen <hannu@sharetribe.com>
Date: Fri, 3 Nov 2017 17:17:37 +0200
Subject: [PATCH] Fix section column margins

---
 .../SectionHowItWorks/SectionHowItWorks.css       |  3 ++-
 .../SectionLocations/SectionLocations.css         | 15 +++++----------
 2 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/src/components/SectionHowItWorks/SectionHowItWorks.css b/src/components/SectionHowItWorks/SectionHowItWorks.css
index 6375a78b..7dc4c63c 100644
--- a/src/components/SectionHowItWorks/SectionHowItWorks.css
+++ b/src/components/SectionHowItWorks/SectionHowItWorks.css
@@ -69,7 +69,8 @@
 
 .step {
   @media (--viewportMedium) {
-    margin-right: 76px;
+    width: 324px;
+    margin-right: 40px;
   }
 }
 
diff --git a/src/components/SectionLocations/SectionLocations.css b/src/components/SectionLocations/SectionLocations.css
index d702d6ac..b9f47ddc 100644
--- a/src/components/SectionLocations/SectionLocations.css
+++ b/src/components/SectionLocations/SectionLocations.css
@@ -52,21 +52,16 @@
   }
 }
 
-.location:nth-of-type(1) {
+.location {
   @media (--viewportMedium) {
-    margin-right: 20px;
+    margin-right: 40px;
+    margin-bottom: 0;
   }
 }
 
-.location:nth-of-type(2) {
+.location:last-of-type {
   @media (--viewportMedium) {
-    margin: 0 20px;
-  }
-}
-
-.location:nth-of-type(3) {
-  @media (--viewportMedium) {
-    margin-left: 20px;
+    margin-right: 0;
   }
 }