diff --git a/src/buttons.scss b/src/buttons.scss
index 4dc8c62..936c536 100644
--- a/src/buttons.scss
+++ b/src/buttons.scss
@@ -8,14 +8,13 @@
     display: flex;
     align-items: center;
     justify-content: center;
+    gap: 50px;
 
     .client {
         width: 500px;
         height: 800px;
         box-sizing: border-box;
 
-        margin-left: 50px;
-
         box-shadow: rgba(67, 67, 67, 0.8) 0 0 5px;
 
         &:nth-child(0) {
@@ -23,3 +22,16 @@
         }
     }
 }
+
+@media (max-width: 1200px) and (min-width: 901px) {
+    .client {
+        max-width: 400px;
+        min-height: 400px;
+    }
+}
+
+@media (max-width: 900px) {
+    .buttons {
+        flex-direction: column;
+    }
+}