diff --git a/index.html b/index.html
index 645f1e8..5b516e7 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
     <meta name="description" content="Blog o všem možném i nemožném...." />
     <meta name="keywords" content="Hlavní strana" />
     <meta name="author" content="Lukáš Kaňka" />
-    <link rel="shortcut icon" href="obrazky/tux" />
+    <link rel="shortcut icon" href="obrazky/tux.png" />
     <link type="text/css" rel="stylesheet" href="styly.css" />
   </head>
 
diff --git a/styly.css b/styly.css
index d82d689..dccdac3 100644
--- a/styly.css
+++ b/styly.css
@@ -28,10 +28,11 @@ body {
   /*color: white; } /* bílý text */
 }
 
-@media screen and (max-width: 600px) {
+@media (max-width: 668px) {
   body {
-    width: calc(100% - 16px);
+    /* width: calc(100% - 16px); */
     background-image: url(obrazky/white-21.jpg);
+    text-align: center;
   }
 }
 
@@ -75,7 +76,7 @@ a.tlacitko:hover {
   list-style-type: none;
 }
 
-@media screen and (max-width: 600px) {
+@media (max-width: 600px) {
   .flexbox {
     flex-direction: column;
   }
@@ -88,7 +89,7 @@ a.tlacitko:hover {
   }
 }
 
-@media screen and (max-width: 600px) {
+@media (max-width: 600px) {
   .clock {
     display: flex;
     display: none;
@@ -111,7 +112,7 @@ a.tlacitko:hover {
   padding: 10px;
 }
 
-@media screen and (max-width: 600px) {
+@media (max-width: 600px) {
   .flexbox-projekt {
     width: calc(100% - 16px);
     flex-direction: column;