diff --git a/src/scss/modules/_zoom.scss b/src/scss/modules/_zoom.scss
index 41a947a..ac92965 100644
--- a/src/scss/modules/_zoom.scss
+++ b/src/scss/modules/_zoom.scss
@@ -18,7 +18,7 @@
   }
 
   .slide {
-    height: 100%;
+    height: 400%;
     width: 400%;
 
     @media screen and (orientation: portrait), screen and (max-width: 768px) and (orientation: landscape) {
@@ -54,6 +54,10 @@
       width: 50%;
     }
 
+    @media screen and (orientation: portrait) {
+      width: 50%;
+    }
+
     > .wrap-zoom {
       display: inline-block;
       height: 25vh;
@@ -69,6 +73,10 @@
         height: 33vh;
       }
 
+      @media screen and (orientation: portrait) {
+        height: 50vw;
+      }
+
       &:hover {
         transform: scale(1.02);
         z-index: 2;
diff --git a/static/css/webslides.css b/static/css/webslides.css
index a6149c4..f39d27a 100644
--- a/static/css/webslides.css
+++ b/static/css/webslides.css
@@ -1,7 +1,7 @@
 /*!
  * Name: WebSlides
  * Version: 1.3.1
- * Date: 2017-07-16
+ * Date: 2017-07-24
  * Description: Making HTML presentations easy
  * URL: https://github.com/webslides/webslides#readme
  * Credits: @jlantunez, @LuisSacristan, @Belelros
@@ -2889,7 +2889,7 @@ Solution: stackoverflow.com/questions/34250282/flexbox-safari-bug-flex-wrap
     left: -100000px;
     position: absolute; }
   #webslides-zoomed .slide {
-    height: 100%;
+    height: 400%;
     width: 400%; }
     @media screen and (orientation: portrait), screen and (max-width: 768px) and (orientation: landscape) {
       #webslides-zoomed .slide {
@@ -2920,6 +2920,9 @@ Solution: stackoverflow.com/questions/34250282/flexbox-safari-bug-flex-wrap
     @media screen and (min-width: 568px) and (max-width: 1023px) {
       #webslides-zoomed > .wrap > .grid > .column {
         width: 50%; } }
+    @media screen and (orientation: portrait) {
+      #webslides-zoomed > .wrap > .grid > .column {
+        width: 50%; } }
     #webslides-zoomed > .wrap > .grid > .column > .wrap-zoom {
       display: inline-block;
       height: 25vh;
@@ -2933,6 +2936,9 @@ Solution: stackoverflow.com/questions/34250282/flexbox-safari-bug-flex-wrap
       @media screen and (min-width: 568px) and (max-width: 1023px) {
         #webslides-zoomed > .wrap > .grid > .column > .wrap-zoom {
           height: 33vh; } }
+      @media screen and (orientation: portrait) {
+        #webslides-zoomed > .wrap > .grid > .column > .wrap-zoom {
+          height: 50vw; } }
       #webslides-zoomed > .wrap > .grid > .column > .wrap-zoom:hover {
         -webkit-transform: scale(1.02);
                 transform: scale(1.02);
diff --git a/static/js/webslides.js b/static/js/webslides.js
index 0c386c8..bc6fdce 100644
--- a/static/js/webslides.js
+++ b/static/js/webslides.js
@@ -1,7 +1,7 @@
 /*!
  * Name: WebSlides
  * Version: 1.3.1
- * Date: 2017-07-16
+ * Date: 2017-07-24
  * Description: Making HTML presentations easy
  * URL: https://github.com/webslides/webslides#readme
  * Credits: @jlantunez, @LuisSacristan, @Belelros
diff --git a/static/js/webslides.min.js b/static/js/webslides.min.js
index 115f014..cdaef9f 100644
--- a/static/js/webslides.min.js
+++ b/static/js/webslides.min.js
@@ -1,7 +1,7 @@
 /*!
  * Name: WebSlides
  * Version: 1.3.1
- * Date: 2017-07-16
+ * Date: 2017-07-24
  * Description: Making HTML presentations easy
  * URL: https://github.com/webslides/webslides#readme
  * Credits: @jlantunez, @LuisSacristan, @Belelros