diff --git a/img/Telegram-icon-sq.png b/img/Telegram-icon-sq.png
new file mode 100644
index 0000000..9d9df38
Binary files /dev/null and b/img/Telegram-icon-sq.png differ
diff --git a/index.html b/index.html
index 0dca351..19e0fa1 100644
--- a/index.html
+++ b/index.html
@@ -34,7 +34,7 @@
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
     <link rel="stylesheet" href="./style.css" />
   </head>
-	
+
   <body data-spy="scroll" data-target="#navbar-top" id="kleros">
     <!-- Google Tag Manager (noscript) -->
     <noscript>
@@ -46,7 +46,7 @@
       </iframe>
     </noscript>
     <!-- End Google Tag Manager (noscript) -->
-    
+
     <div class="container-fluid">
       <nav id="navbar-top" class="navbar fixed-top navbar-inverse navbar-toggleable-md navbar-light bg-faded navbar-fixed-top" role="navigation">
         <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarToggler" aria-controls="navbarToggler" aria-expanded="false" aria-label="Toggle navigation">
@@ -106,6 +106,9 @@ <h1 class="kleros-title">THE JUSTICE PROTOCOL</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 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">
@@ -987,12 +990,6 @@ <h2 class="contact-title-section">CONTACT</h2>
       </footer>
     </div>
 
-    <div class="telegram-button">
-      <a href="https://t.me/kleros">
-        <img src="img/telegram_button.png" alt="kleros telegram" />
-      </a>
-    </div>
-
     <!-- jQuery first, then Tether, then Bootstrap JS. -->
     <script
       src="https://code.jquery.com/jquery-3.2.1.min.js"
diff --git a/style.css b/style.css
index 686f169..a2f24cc 100644
--- a/style.css
+++ b/style.css
@@ -184,6 +184,11 @@ body {
   width: 40px;
 }
 
+.btn-telegram {
+  width: 52px;
+  margin-left: 12px;
+}
+
 @media (max-width: 576px) {
   .kleros-wording {
     padding: 0;
@@ -212,6 +217,12 @@ body {
   }
 }
 
+@media (max-width: 1200px) {
+  .btn-telegram {
+    display: none;
+  }
+}
+
 /**************** End Kleros section ****************/
 
 /**************** Protocol section ****************/
@@ -729,17 +740,3 @@ footer-right a {
 }
 
 /**************** End Footer ****************/
-
-/**************** Telegram ****************/
-
-.telegram-button {
-  position: fixed;
-  bottom: 52px;
-  right: 30px;
-}
-
-.telegram-button img {
-  width: 200px;
-}
-
-/**************** End Telegram ****************/
