1 files changed, 63 insertions, 0 deletions
diff --git a/app/fronters/style.css b/app/fronters/style.css
new file mode 100644
index 0000000..135500a
--- /dev/null
+++ b/app/fronters/style.css
@@ -0,0 +1,63 @@
+.wiaf-grid {
+    display: grid;
+    grid-template-columns: repeat(5, 1fr);
+    grid-gap: 10px;
+}
+
+.wiaf-grid.wiaf-grid-small {
+    grid-template-columns: repeat(6, 1fr) !important;
+}
+
+@media (max-width: 1399px) {
+
+}
+
+@media (max-width: 1199px) {
+    .wiaf-grid {
+        grid-template-columns: repeat(4, 1fr) !important;
+    }
+    .wiaf-grid.wiaf-grid-small {
+        grid-template-columns: repeat(5, 1fr) !important;
+    }
+}
+
+@media (max-width: 991px) {
+    .wiaf-grid {
+        grid-template-columns: repeat(3, 1fr) !important;
+    }
+    .wiaf-grid.wiaf-grid-small {
+        grid-template-columns: repeat(4, 1fr) !important;
+    }
+}
+
+@media (max-width: 767px) {
+    .wiaf-grid {
+        grid-template-columns: repeat(2, 1fr) !important;
+    }
+    .wiaf-grid.wiaf-grid-small {
+        grid-template-columns: repeat(3, 1fr) !important;
+    }
+}
+
+@media (max-width: 300px) {
+    .wiaf-grid {
+        grid-template-columns: repeat(1, 1fr) !important;
+    }
+    .wiaf-grid.wiaf-grid-small {
+        grid-template-columns: repeat(2, 1fr) !important;
+    }
+}
+
+@media (max-width: 150px) {
+    .wiaf-grid.wiaf-grid-small {
+        grid-template-columns: repeat(1, 1fr) !important;
+    }
+}
+
+.wiaf-grid-item {
+    text-align: center;
+}
+
+.step-outer, .progress {
+    transition: opacity 200ms;
+}
+\ No newline at end of file