From d2b0064015af29f752bb3afde91d8df39b269851 Mon Sep 17 00:00:00 2001
From: Divyesh Puri <divyeshpuri66@gmail.com>
Date: Sat, 15 Dec 2018 01:08:34 +0530
Subject: [PATCH 1/2] Adding social divider

---
 src/components/Countdown/index.js  |  8 ++++++++
 src/components/Countdown/style.css | 14 ++++++++++++++
 2 files changed, 22 insertions(+)

diff --git a/src/components/Countdown/index.js b/src/components/Countdown/index.js
index c235fec..ebcb0b8 100644
--- a/src/components/Countdown/index.js
+++ b/src/components/Countdown/index.js
@@ -33,6 +33,14 @@ class Countdown extends Component {
             <div className="uk-countdown-label uk-text-center">SECS</div>
           </div>
         </div>
+        <ul className="divider-container uk-align-left">
+          <ul className="uk-align-left">
+            <li className="uk-divider-vertical uk-align-center"></li>
+            <li className="uk-align-center" uk-icon="twitter"></li>
+            <li className="uk-align-center" uk-icon="instagram"></li>
+            <li className="uk-align-center" uk-icon="facebook"></li>
+          </ul>
+        </ul>
         {/* <div className="next-year">SEE YOU NEXT YEAR!</div> */}
       </div>
     )
diff --git a/src/components/Countdown/style.css b/src/components/Countdown/style.css
index 5491898..08a27e6 100644
--- a/src/components/Countdown/style.css
+++ b/src/components/Countdown/style.css
@@ -43,3 +43,17 @@
   font-family: 'Roboto Mono', monospace;
   font-size: 20px;
 }
+
+.divider-container {
+  width: 98%;
+  color: #0d32cc
+}
+
+.uk-divider-vertical {
+  height: 40vh;
+  border-right: 1px solid #0d32cc;
+  width: 1px;
+  display: flex;
+  flex-flow: column;
+}
+

From 9e302a3493cecfa7f089a7adb169530c7ca866f1 Mon Sep 17 00:00:00 2001
From: Divyesh Puri <divyeshpuri66@gmail.com>
Date: Sat, 15 Dec 2018 15:42:46 +0530
Subject: [PATCH 2/2] Fixed nav and logo height issue

---
 src/components/Countdown/index.js  |  2 +-
 src/components/Countdown/style.css | 19 +++++++++++++++++--
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/components/Countdown/index.js b/src/components/Countdown/index.js
index ebcb0b8..2ed14a2 100644
--- a/src/components/Countdown/index.js
+++ b/src/components/Countdown/index.js
@@ -34,7 +34,7 @@ class Countdown extends Component {
           </div>
         </div>
         <ul className="divider-container uk-align-left">
-          <ul className="uk-align-left">
+          <ul className="divider-wrapper uk-align-left">
             <li className="uk-divider-vertical uk-align-center"></li>
             <li className="uk-align-center" uk-icon="twitter"></li>
             <li className="uk-align-center" uk-icon="instagram"></li>
diff --git a/src/components/Countdown/style.css b/src/components/Countdown/style.css
index 08a27e6..9aa5703 100644
--- a/src/components/Countdown/style.css
+++ b/src/components/Countdown/style.css
@@ -46,14 +46,29 @@
 
 .divider-container {
   width: 98%;
-  color: #0d32cc
+  margin-top: 6%;
+  color: #FF6E2C;
+  position: fixed;
+  margin-bottom: 0px;
+  left: 0%;
+  width: 10%;
 }
 
 .uk-divider-vertical {
   height: 40vh;
-  border-right: 1px solid #0d32cc;
+  border-left: 1px solid #FF6E2C;
   width: 1px;
   display: flex;
   flex-flow: column;
 }
 
+.divider-wrapper {
+  margin-top: 10%;
+  margin-bottom: 0px;
+}
+
+@media screen and (max-width: 500px) {
+  .divider-container {
+    display: none;
+  }
+}
\ No newline at end of file