2 files changed, 7 insertions, 1 deletions
diff --git a/packages/website/ts/@next/components/layout.tsx b/packages/website/ts/@next/components/layout.tsx
index 03bd55027..0559d6e3d 100644
--- a/packages/website/ts/@next/components/layout.tsx
+++ b/packages/website/ts/@next/components/layout.tsx
@@ -87,10 +87,10 @@ export const Section = styled.section<SectionProps>`
     background-color: ${props => props.bgColor};
     position: ${props => props.isRelative && 'relative'};
     overflow: ${props => props.isRelative && 'hidden'};
+    margin-bottom: ${props => !props.isNoMargin && `${GUTTER}px`};
 
     @media (min-width: 1560px) {
         width: ${props => props.isFullWidth && '100vw'};
-        margin-bottom: ${props => !props.isNoMargin && `${GUTTER}px`};
         margin-left: ${props => props.isFullWidth && `calc(750px - 50vw)`};
     }
 
diff --git a/packages/website/ts/@next/constants/globalStyle.tsx b/packages/website/ts/@next/constants/globalStyle.tsx
index 2408dfe4e..9b38a6c1b 100644
--- a/packages/website/ts/@next/constants/globalStyle.tsx
+++ b/packages/website/ts/@next/constants/globalStyle.tsx
@@ -51,6 +51,12 @@ const GlobalStyles = withTheme(createGlobalStyle<GlobalStyle> `
         }
     }
 
+    @media (max-width: 1170px) {
+      :root {
+        --largeHeading: 60px;
+      }
+    }
+
     @media (max-width: 768px) {
         :root {
             --smallHeading: 18px;