From fa318f31fbd9ed8dcda8c83a8f97d7b9c7cf8b48 Mon Sep 17 00:00:00 2001
From: Ayushya Amitabh <ayushya.amitabh@publicissapient.com>
Date: Thu, 14 May 2020 23:53:40 -0400
Subject: [PATCH] v1.1.0-beta/responsive-style-fixes

---
 website/style.css | 25 ++++++++++++++++++++++---
 1 file changed, 22 insertions(+), 3 deletions(-)

diff --git a/website/style.css b/website/style.css
index 9f7e0d8..a2acd66 100644
--- a/website/style.css
+++ b/website/style.css
@@ -37,10 +37,13 @@ section > .page {
   letter-spacing: 0.2rem;
   transition: all ease-in-out 0.3s;
 }
+.support {
+  margin-top: 2rem;
+}
 .title {
   text-align: center;
   color: #c0f300;
-  font-size: 5rem;
+  font-size: 3rem;
   padding: 1rem 5rem;
   border: 5px solid black;
   border-radius: 5rem;
@@ -142,7 +145,8 @@ footer * {
 footer > div {
   display: flex;
   justify-content: center;
-  align-items: center;
+  align-items: flex-start;
+  flex-direction: column;
   margin-bottom: 15px;
 }
 footer > div > span.full {
@@ -153,7 +157,10 @@ footer mark {
   color: black;
   padding: 2.5px 7px;
 }
-.suport {
+footer > div > span.full {
+  line-height: 2.5rem;
+}
+.support {
   transition: all ease-in-out 0.3s;
 }
 
@@ -163,6 +170,7 @@ footer mark {
   }
   .support {
     display: none;
+    margin-top: 0;
   }
   .support.stickied .cta {
     letter-spacing: 0rem;
@@ -173,6 +181,9 @@ footer mark {
     right: 2rem;
     display: block;
   }
+  .title {
+    font-size: 5rem;
+  }
   .title.stickied {
     position: fixed;
     top: 1rem;
@@ -234,6 +245,14 @@ footer mark {
     display: flex;
     justify-content: center;
   }
+  footer > div {
+    flex-direction: row;
+    align-items: center;
+    margin-bottom: 0;
+  }
+  footer > div > span {
+    line-height: initial;
+  }
 }
 @media screen and (max-width: 1360px) and (min-width: 1024px) {
   section[data-page='2'] .page img {