Re-commit

src/layouts/page/tea-cli.html

@@ -33,7 +33,7 @@
   </div>
 <hr>
 
-<section id="reveal" style="display:block;">
+<section class="animated-25" id="reveal" style="display:none;">
   <div class="container">
     <div class="row">
       <div class="col">
@@ -45,6 +45,10 @@
 
 <style>
 
+  #reveal{
+    transition: 0.2s linear;
+  }
+
   @media only screen and (min-width: 768px) {
 
     .one-liner{
@@ -176,7 +180,15 @@
     /* Alert the copied text
     alert("Copied " + copyText.value + " to clipboard");*/
 
+    //Change button text to 'copied'
     document.getElementById("copy-icon").innerHTML = "copied!";
+
+    // Reveal Auth text
+    if (document.getElementById("reveal").style.display = "none") {
+      document.getElementById("reveal").style.display = "block";
+    } else {
+      document.getElementById("reveal").style.display = "none";
+    }
   }
 
 </script>

src/static/css/homepage.css

@@ -347,7 +347,7 @@ mark{
 @media only screen and (max-width: 576px) {
 
   .hero-section{
-    padding: 4vw !important;
+    padding: 1vw 4vw !important;
   }
 
   .hero-container{

src/static/css/products.css

@@ -12,11 +12,6 @@
     background-size: contain;
   }
 
-  .products-hero h1{
-    position: relative;
-    z-index: 2;
-  }
-
   .lead-container{
     padding-left: 25vw;
     padding-right: 25vw;
@@ -61,11 +56,6 @@
     background-size: contain;
   }
 
-  .products-hero h1{
-    position: relative;
-    z-index: 2;
-  }
-
   .lead-container{
     padding-left: 25vw;
     padding-right: 25vw;

src/static/css/typography.css

@@ -58,7 +58,7 @@ li{
 
 
 /* Extra-Large Screens*/
-/*@media only screen and (min-width: 1200px) {*/
+@media only screen and (min-width: 1200px) {
 
   h1{
     font-size: 11.5vw;
@@ -99,6 +99,7 @@ li{
   p{
     font-size: 1.116vw;
   }
+}
 
 @media only screen and (min-width: 992px) and (max-width: 1200px) {