diff --git a/screenshots.html b/screenshots.html
index 70de0e8..a7a6f5e 100644
--- a/screenshots.html
+++ b/screenshots.html
@@ -13,19 +13,19 @@
 </style>
 
 <div class="mdl-grid">
-      <div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-phone mdl-cell-12-col-tablet">
+      <div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-phone mdl-cell-12-col-tablet mdl-cell--1-offset-tablet">
             <img class="materialboxed responsive-img z-depth-1" data-caption="Desktop"
                  src="{{ site.baseurl }}/images/screenshots/desktop1.png">
       </div>
-      <div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-phone mdl-cell-12-col-tablet">
+      <div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-phone mdl-cell-12-col-tablet mdl-cell--1-offset-tablet">
             <img class="materialboxed responsive-img z-depth-1" data-caption="Desktop"
                  src="{{ site.baseurl }}/images/screenshots/movie1.png">
       </div>
-      <div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-phone mdl-cell-12-col-tablet">
+      <div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-phone mdl-cell-12-col-tablet mdl-cell--1-offset-tablet">
             <img class="materialboxed responsive-img z-depth-1" data-caption="Frequent apps view"
                  src="{{ site.baseurl }}/images/screenshots/frequent_apps1.png">
       </div>
-      <div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-phone mdl-cell-12-col-tablet">
+      <div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-phone mdl-cell-12-col-tablet mdl-cell--1-offset-tablet">
             <img class="materialboxed responsive-img z-depth-1"
                  data-caption="Fluid, our framework for Material Design and Universal"
                  src="{{ site.baseurl }}/images/screenshots/fluid1.png">