diff --git a/css/style.css b/css/style.css
index f45380c..547ecb9 100644
--- a/css/style.css
+++ b/css/style.css
@@ -26,7 +26,7 @@
   align-items: center;
 }
 
-@media (min-width: 720px) {
+@media (min-width: 640px) {
   .grid.grid-reverse > *:nth-child(1) {
     order: 6;
   }
@@ -103,7 +103,7 @@
     width: 1460px;
   }
 }
-@media (min-width: 720px) and (max-width: 1179px) {
+@media (min-width: 640px) and (max-width: 979px) {
   .grid {
     width: 90%;
     gap: 0 12px;
@@ -145,7 +145,7 @@
     grid-template-columns: 1fr 3fr;
   }
 }
-@media (max-width: 720px) {
+@media (max-width: 640px) {
   .grid {
     width: 92%;
     gap: 0 12px;
@@ -409,7 +409,7 @@ article p {
     margin-bottom: 36px;
   }
 }
-@media (min-width: 720px) and (max-width: 1179px) {
+@media (min-width: 640px) and (max-width: 979px) {
   body {
     font-size: 18px;
   }
@@ -454,7 +454,7 @@ article p {
     padding: 0 24px 0 0;
   }
 }
-@media (max-width: 720px) {
+@media (max-width: 640px) {
   body {
     font-size: 17px;
   }
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..8ac6010
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,5 @@
+{
+  "name": "hoisin.scss",
+  "version": "0.9.19",
+  "lockfileVersion": 1
+}
diff --git a/scss/_mixins.scss b/scss/_mixins.scss
index 8ab65c4..0cc0a7f 100644
--- a/scss/_mixins.scss
+++ b/scss/_mixins.scss
@@ -19,22 +19,22 @@
 // */
 @mixin respond($bp) {
     @if $bp == 'sm' {
-        @media (max-width: global.$bp-m) {
+        @media (max-width: global.$bp-s) {
             @content;
         }
     }
     @else if $bp == 'md' {
-        @media (min-width: global.$bp-m) and (max-width: (global.$bp-l - 1)) {
+        @media (min-width: global.$bp-s) and (max-width: (global.$bp-m - 1)) {
             @content;
         }
     }
     @else if $bp == 'md-up' {
-        @media (min-width: global.$bp-m) {
+        @media (min-width: global.$bp-s) {
             @content;
         }
     }
     @else if $bp == 'md-dn' {
-        @media (max-width: (global.$bp-l - 1)) {
+        @media (max-width: (global.$bp-m - 1)) {
             @content;
         }
     }
diff --git a/scss/variables/_global.scss b/scss/variables/_global.scss
index cf25f33..a6865de 100644
--- a/scss/variables/_global.scss
+++ b/scss/variables/_global.scss
@@ -15,5 +15,5 @@ $fonts:                         '../fonts/';
 // Breakpoints
 $bp-xl:                         1480px;
 $bp-l:                          1180px;
-$bp-m:                          720px;
-$bp-s:                          120px;
+$bp-m:                          980px;
+$bp-s:                          640px;