diff --git a/static/images/icons/logo-114x114.png b/static/images/icons/logo-114x114.png
new file mode 100644
index 0000000..53b6ac3
Binary files /dev/null and b/static/images/icons/logo-114x114.png differ
diff --git a/static/images/icons/logo-144x144.png b/static/images/icons/logo-144x144.png
new file mode 100644
index 0000000..099ec91
Binary files /dev/null and b/static/images/icons/logo-144x144.png differ
diff --git a/static/images/icons/logo-152x152.png b/static/images/icons/logo-152x152.png
new file mode 100644
index 0000000..79362bd
Binary files /dev/null and b/static/images/icons/logo-152x152.png differ
diff --git a/static/images/icons/logo-180x180.png b/static/images/icons/logo-180x180.png
new file mode 100644
index 0000000..d07324b
Binary files /dev/null and b/static/images/icons/logo-180x180.png differ
diff --git a/static/images/icons/logo-192x192.png b/static/images/icons/logo-192x192.png
new file mode 100644
index 0000000..34f7d76
Binary files /dev/null and b/static/images/icons/logo-192x192.png differ
diff --git a/static/images/icons/logo-196x196.png b/static/images/icons/logo-196x196.png
new file mode 100644
index 0000000..5b45229
Binary files /dev/null and b/static/images/icons/logo-196x196.png differ
diff --git a/static/images/icons/logo-211x211.png b/static/images/icons/logo-211x211.png
new file mode 100644
index 0000000..ef9ce04
Binary files /dev/null and b/static/images/icons/logo-211x211.png differ
diff --git a/static/images/icons/logo-57x57.png b/static/images/icons/logo-57x57.png
new file mode 100644
index 0000000..1570c33
Binary files /dev/null and b/static/images/icons/logo-57x57.png differ
diff --git a/static/images/icons/logo-72x72.png b/static/images/icons/logo-72x72.png
new file mode 100644
index 0000000..7074f35
Binary files /dev/null and b/static/images/icons/logo-72x72.png differ
diff --git a/static/images/icons/logo-76x76.png b/static/images/icons/logo-76x76.png
new file mode 100644
index 0000000..88c9ff9
Binary files /dev/null and b/static/images/icons/logo-76x76.png differ
diff --git a/templates/header.html b/templates/header.html
index e9c7350..e9b9c3b 100644
--- a/templates/header.html
+++ b/templates/header.html
@@ -5,13 +5,39 @@
   <!-- Meta, title, CSS, favicons, etc. -->
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
+  <meta name="apple-mobile-web-app-capable" content="yes" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+
+  <link rel="shortcut icon" href="/static/images/favicon.ico" />
+  <link rel="apple-touch-icon" href="/static/images/icons/logo-76x76.png"/>
+  <link rel="icon" sizes="196x196" href="/static/images/icons/logo-169x169.png">
+  <link rel="icon" sizes="192x192" href="/static/images/icons/logo-192x192.png">
+
+  <!-- ICONS -->
+  <!-- iPad retina icon -->
+  <link href="/static/images/icons/logo-152x152.png" sizes="152x152" rel="apple-touch-icon-precomposed">
+  <!-- iPad retina icon (iOS < 7) -->
+  <link href="/static/images/icons/logo-144x144.png" sizes="144x144" rel="apple-touch-icon-precomposed">
+  <!-- iPad non-retina icon -->
+  <link href="/static/images/icons/logo-76x76.png" sizes="76x76" rel="apple-touch-icon-precomposed">
+  <!-- iPad non-retina icon (iOS < 7) -->
+  <link href="/static/images/icons/logo-72x72.png" sizes="72x72" rel="apple-touch-icon-precomposed">
+  <!-- iPhone 6 Plus icon -->
+  <link href="/static/images/icons/logo-180x180.png" sizes="120x120" rel="apple-touch-icon-precomposed">
+  <!-- iPhone retina icon (iOS < 7) -->
+  <link href="/static/images/icons/logo-114x114.png" sizes="114x114" rel="apple-touch-icon-precomposed">
+  <!-- iPhone non-retina icon (iOS < 7) -->
+  <link href="/static/images/icons/logo-57x57.png" sizes="57x57" rel="apple-touch-icon-precomposed">
+ 
   <title>Domoboard</title>
   <!-- Bootstrap core CSS  -->
   <script src="/static/js/jquery-2.2.3.min.js"></script>
   <script src="/static/js/jquery-3.1.0.min.js"></script>
-  <link rel="shortcut icon" href="/static/images/favicon.ico">
+  <!--<link rel="shortcut icon" href="/static/images/favicon.ico">-->
   <link href="/static/fonts/css/font-awesome.min.css" rel="stylesheet">
   <link href="/static/css/bootstrap.min.css" rel="stylesheet">
 
diff --git a/templates/header_login.html b/templates/header_login.html
index 387ac62..03c2019 100644
--- a/templates/header_login.html
+++ b/templates/header_login.html
@@ -6,12 +6,38 @@
   <!-- Meta, title, CSS, favicons, etc. -->
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
+  <meta name="apple-mobile-web-app-capable" content="yes" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+
+  <link rel="shortcut icon" href="/static/images/favicon.ico" />
+  <link rel="apple-touch-icon" href="/static/images/icons/logo-76x76.png"/>
+  <link rel="icon" sizes="196x196" href="/static/images/icons/logo-169x169.png">
+  <link rel="icon" sizes="192x192" href="/static/images/icons/logo-192x192.png">
+
+  <!-- ICONS -->
+  <!-- iPad retina icon -->
+  <link href="/static/images/icons/logo-152x152.png" sizes="152x152" rel="apple-touch-icon-precomposed">
+  <!-- iPad retina icon (iOS < 7) -->
+  <link href="/static/images/icons/logo-144x144.png" sizes="144x144" rel="apple-touch-icon-precomposed">
+  <!-- iPad non-retina icon -->
+  <link href="/static/images/icons/logo-76x76.png" sizes="76x76" rel="apple-touch-icon-precomposed">
+  <!-- iPad non-retina icon (iOS < 7) -->
+  <link href="/static/images/icons/logo-72x72.png" sizes="72x72" rel="apple-touch-icon-precomposed">
+  <!-- iPhone 6 Plus icon -->
+  <link href="/static/images/icons/logo-180x180.png" sizes="120x120" rel="apple-touch-icon-precomposed">
+  <!-- iPhone retina icon (iOS < 7) -->
+  <link href="/static/images/icons/logo-114x114.png" sizes="114x114" rel="apple-touch-icon-precomposed">
+  <!-- iPhone non-retina icon (iOS < 7) -->
+  <link href="/static/images/icons/logo-57x57.png" sizes="57x57" rel="apple-touch-icon-precomposed">
+  
   <title>Domoboard</title>
 
   <!-- Bootstrap core CSS -->
-  <link rel="shortcut icon" href="/static/images/favicon.ico">
+  <!--<link rel="shortcut icon" href="/static/images/favicon.ico">-->
   <link href="/static/css/bootstrap.min.css" rel="stylesheet">
   <link href="/static/fonts/css/font-awesome.min.css" rel="stylesheet">