diff --git a/style.css b/style.css
index a92c956..2f2dae6 100644
--- a/style.css
+++ b/style.css
@@ -325,6 +325,9 @@ position: relative;}
 
          
           @media screen and (max-width: 800px) {
+            body {max-width: 100%;
+              max-height: 100%;
+              overflow-y: hidden; }
             header {flex-direction:column-reverse;
             .heading1 {
               font-size:x-large;
@@ -336,6 +339,9 @@ position: relative;}
             } }}
 
           @media screen and (max-width: 540px) {
+            body {max-width: 100%;
+              max-height: 100%;
+              overflow-y: hidden; }
             header {flex-direction:column-reverse;
               .heading1 {
                 font-size:large;
@@ -351,6 +357,9 @@ position: relative;}
           }}}
 
           @media screen and (max-width: 400px) {
+            body {max-width: 100%;
+              max-height: 100%;
+              overflow-y: hidden; }
             header {flex-direction:column-reverse;
               .heading1 {
                 font-size:medium;
@@ -367,6 +376,9 @@ position: relative;}
           }}}
 
           @media screen and (max-width: 377px) {
+            body {max-width: 100%;
+              max-height: 100%;
+              overflow-y: hidden; }
             header {flex-direction:column-reverse;
               .heading1 {
                 font-size:small;
@@ -378,6 +390,9 @@ position: relative;}
           }}}
 
           @media screen and (max-width: 307px) {
+            body {max-width: 100%;
+                  max-height: 100%;
+                  overflow-y: hidden; }
             header {flex-direction:column-reverse;
               .heading1{
                 font-size:x-small;