From 70540c8ebc30ee6f0cf890c5da9092a7959ab6bc Mon Sep 17 00:00:00 2001
From: Kimmo Puputti <git@kimmo.kpuputti.fi>
Date: Fri, 12 Jan 2018 12:01:40 +0200
Subject: [PATCH] Fix landing page paddings in medium breakpoint

---
 src/containers/LandingPage/LandingPage.css | 15 ++++-----------
 1 file changed, 4 insertions(+), 11 deletions(-)

diff --git a/src/containers/LandingPage/LandingPage.css b/src/containers/LandingPage/LandingPage.css
index 1dd5ca2b..1beb3b8a 100644
--- a/src/containers/LandingPage/LandingPage.css
+++ b/src/containers/LandingPage/LandingPage.css
@@ -48,14 +48,7 @@
 
 .sections {
   margin: 0;
-
-  @media (--viewportMedium) {
-    padding: 1px 7.5vw 0 7.5vw;
-  }
-
-  @media (--viewportLarge) {
-    padding: 1px 0px;
-  }
+  padding-top: 1px;
 }
 
 .section {
@@ -81,13 +74,13 @@
   margin: var(--sectionMarginTopMobile) 24px 51px 24px;
 
   @media (--viewportMedium) {
-    max-width: 1052px;
-    margin: 60px auto 60px auto;
+    margin: 60px 7.5vw 60px 7.5vw;
   }
 
   @media (--viewportLarge) {
-    max-width: 1052px;
+    max-width: calc(1052px + 36px + 36px);
     margin: var(--sectionMarginTop) auto 93px auto;
+    padding: 0 36px 0 36px;
   }
 }