index: fix thumbnail images for mobile

diff --git a/css/bootswatch.css b/css/bootswatch.css
index 033c348..5210e2a 100644 (file)
--- a/css/bootswatch.css
+++ b/css/bootswatch.css
@@ -85,7 +85,6 @@ body {
 }
 
 .thumbnail img {
-  max-width: 100%;
   -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
           border-radius: 7px;
@@ -95,10 +94,6 @@ body {
        vertical-align: top;
 }
 
-.thumbnail p {
-       max-width: 352px;
-}
-
 .thumbnail .btn-toolbar {
   text-align: right;
 }
@@ -134,10 +129,6 @@ body {
                padding: 20px;
        }
 
-       .span4 {
-               width: 100%;
-       }
-
        .hero-unit {
                padding: 40px 20px 80px;
                margin-bottom: 20px;
@@ -175,10 +166,15 @@ body {
                padding-bottom: 80px;
        }
 
-       .thumbnails > .span4 {
+       .thumbnails > li {
+               float: none;
                margin-left: 0;
        }
 
+       .thumbnail img {
+               width: 100%;
+       }
+
 }
 
 /* Portrait tablet to landscape and desktop */