diff --git a/index.php b/index.php
index e08fc34..aea0cd4 100644
--- a/index.php
+++ b/index.php
@@ -14,23 +14,54 @@ $details = isset($_GET['details']) ? $_GET['details'] : "";
 <!DOCTYPE html>
 <html>
 <head>
-  <meta name="viewport" content="width=device-width, initial-scale=0.80, maximum-scale=3, minimum-scale=0.80">
-  <link rel="stylesheet" href="style.css">
-  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-  <link href='https://fonts.googleapis.com/css?family=Barlow' rel='stylesheet'>
-  <script type="text/javascript" src="updatethumbnail.js"></script>
-  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
-  <script type="text/javascript">
-	$( document ).ready(function(){
-		update();
-	});
-	function update() {
-	  $.get('page.php?rootpage=<?php echo $rootpage ?>&orderby=<?php echo $orderby ?>&details=<?php echo $details ?>', function(data) {
-	    $("#page").html(data);
-	    window.setTimeout(update, 10000); // 10 secondes
-	  });
-	}
-  </script>
+	  <meta id="viewport" name="viewport">
+	  <link rel="stylesheet" href="style.css">
+	  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+	  <link href='https://fonts.googleapis.com/css?family=Barlow' rel='stylesheet'>
+	  <script type="text/javascript" src="updatethumbnail.js"></script>
+	  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+	  <script type="text/javascript">
+		$( document ).ready(function(){
+			update();
+		});
+		function update() {
+		  $.get('page.php?rootpage=<?php echo $rootpage ?>&orderby=<?php echo $orderby ?>&details=<?php echo $details ?>', function(data) {
+		    $("#page").html(data);
+		    window.setTimeout(update, 10000); // 10 secondes
+		  });
+		}
+	  </script>
+
+	<script type="text/javascript">
+		//mobile viewport hack
+		(function(){
+
+		  function apply_viewport(){
+		    if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)   ) {
+
+		      var ww = window.screen.width;
+		      var mw = 520; // min width of site
+		      var ratio =  ww / mw; //calculate ratio
+		      var viewport_meta_tag = document.getElementById('viewport');
+		      if( ww < mw){ //smaller than minimum size
+		        viewport_meta_tag.setAttribute('content', 'initial-scale=' + ratio + ', maximum-scale=' + ratio + ', minimum-scale=' + ratio + ', user-scalable=no, width=' + mw);
+		      }
+		      else { //regular size
+		        viewport_meta_tag.setAttribute('content', 'initial-scale=1.0, maximum-scale=1, minimum-scale=1.0, user-scalable=yes, width=' + ww);
+		      }
+		    }
+		  }
+
+		  //ok, i need to update viewport scale if screen dimentions changed
+		  window.addEventListener('resize', function(){
+		    apply_viewport();
+		  });
+
+		  apply_viewport();
+
+		}());
+	</script>
+
 </head>
 <body>
 
diff --git a/style.css b/style.css
index ec6252a..b3fd46e 100644
--- a/style.css
+++ b/style.css
@@ -43,7 +43,7 @@ body{
     margin-top: 10px;
     display: block;
     overflow: auto;
-    opacity: 0.9;
+    opacity: 0.95;
 }
 
 #message {
