kleros
diff --git a/‎assets/Kleros_One_Pager.pdf‎
15.9 KB b/‎assets/Kleros_One_Pager.pdf‎
15.9 KB
diff --git a/‎assets/whitepaper.pdf‎
-26.3 KB b/‎assets/whitepaper.pdf‎
-26.3 KB
diff --git a/‎img/team-SJJ.png‎
55.3 KB b/‎img/team-SJJ.png‎
55.3 KB
diff --git a/‎index.html‎
Lines changed: 17 additions & 17 deletions b/‎index.html‎
Lines changed: 17 additions & 17 deletions
diff --git a/‎style.css‎
Lines changed: 17 additions & 2 deletions b/‎style.css‎
Lines changed: 17 additions & 2 deletions
@@ -2,14 +2,19 @@
 <html lang="en">
   <head>
 	  <!-- Global Site Tag (gtag.js) - Google Analytics -->
-<script async src="https://www.googletagmanager.com/gtag/js?id=UA-103362452-1"></script>
-<script>
-  window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
+    <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=UA-103362452-1">
+    </script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
 
-  gtag('config', 'UA-103362452-1');
-</script>
+      gtag('config', 'UA-103362452-1');
+    </script>
+    <!-- End Global Site Tag (gtag.js) - Google Analytics -->
+    
     <!-- Google Tag Manager -->
     <script>
       (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
@@ -105,7 +110,9 @@ <h1 class="kleros-title">The Blockchain Dispute Resolution Layer</h1>
               <div class="hidden-md-down">
                 <a class="btn btn-lg btn-how-it-works" href="#how-it-works">How it works?</a>
                 <a class="btn btn-lg btn-primary btn-wp" href="assets/whitepaper.pdf">Read the white paper</a>
-		<a class="btn btn-lg btn-telegram" href="https://t.me/kleros">Telegram Chat</a>
+                <a href="https://t.me/kleros">
+                  <img class="btn-telegram" src="img/Telegram-icon-sq.png" alt="kleros telegram" />
+                </a>
               </div>
               <div class="hidden-lg-up">
                 <div class="row">
@@ -118,11 +125,6 @@ <h1 class="kleros-title">The Blockchain Dispute Resolution Layer</h1>
                     <a class="btn btn-lg btn-primary btn-wp btn-block" href="assets/whitepaper.pdf">Download the white paper</a>
                   </div>
                 </div>
-		<div class="row">
-                  <div class="col-lg-12 no-padding">
-                    <a class="btn btn-lg btn-telegram btn-block" href="https://t.me/kleros">Telegram Chat</a>
-			 <a> <img src="img/Telegram-icon-sq.png" alt="kleros telegram" /> </a>
-                  </div>
               </div>
             </div>
           </div>
@@ -145,7 +147,7 @@ <h2 class="protocol-title">TRIBUNALS<br /><span class="protocol-subtitle">ON DEM
             <a class="btn btn-default protocol-btn-how-it-works hidden-md-down" href="#how-it-works">How it works?</a>
           </div>
           <div class="col-lg-6 hidden-md-down iMac">
-            <div class="">
+            <div class="text-right">
               <img alt="screen mac kleros" src="img/iMac.png" class="img-iMac" />
             </div>
           </div>
@@ -525,7 +527,7 @@ <h2 class="team-title team-join">JOIN OUR TEAM</h2>
             </div>
           </div>
         </div>
-	<div class="row">
+        <div class="row">
           <div class="offset-md-1 col-md-3">
             <div class="float-md-left">
               <div class="text-center">
@@ -1009,8 +1011,6 @@ <h2 class="contact-title-section">CONTACT</h2>
       </footer>
     </div>
 
-
-
     <!-- jQuery first, then Tether, then Bootstrap JS. -->
     <script
       src="https://code.jquery.com/jquery-3.2.1.min.js"
 
@@ -184,6 +184,11 @@ body {
   width: 40px;
 }
 
+.btn-telegram {
+  width: 52px;
+  margin-left: 12px;
+}
+
 @media (max-width: 576px) {
   .kleros-wording {
     padding: 0;
@@ -206,12 +211,20 @@ body {
   .btn-how-it-works {
     margin-top: 10vh;
   }
+}
 
+@media (max-width: 991px) {
   .btn-wp {
     margin-left: 0px;
   }
 }
 
+@media (max-width: 1200px) {
+  .btn-telegram {
+    display: none;
+  }
+}
+
 /**************** End Kleros section ****************/
 
 /**************** Protocol section ****************/
@@ -726,8 +739,10 @@ footer-right a {
   footer-right {
     position: relative;
   }
+
+  .telegram-button {
+    display: none;
+  }
 }
 
 /**************** End Footer ****************/
-
-