diff --git a/style.css b/style.css
index 635d8b2..b1f2678 100644
--- a/style.css
+++ b/style.css
@@ -1,3 +1,20 @@
+@media (min-width: 1024px) {
+    .card {
+        width: 25%;
+    }
+
+    .card-large-width{
+        width: 61.5%;
+    }
+
+    .card-very-large-width{
+        width: 100%;
+    }
+
+    .card-large-height{
+        width: 40%;
+    }
+}
 .card{
     margin: 10px;
     padding: 10px;
@@ -242,4 +259,20 @@ video{
 
 #Serge{
     width: 93%;
+}
+
+@media (max-width: 1440px) {
+    .card {
+        width: 100%;
+    }
+
+    .card-large-height {
+        width: 100%;
+        height: 35%;
+    }
+
+    .card-large-width {
+        width: 100%;
+        height: 35%;
+    }
 }
\ No newline at end of file