Slider Mobile Fix

web/assets/css/style.css

@@ -268,7 +268,7 @@ section h2 {
     color: black;
     text-decoration: none;
     display: inline-block;
-    font-size: 16pt;
+    font-size: 14pt;
 }
 
 .btn-red {
@@ -475,6 +475,65 @@ footer img {
     line-height: 1;
 }
 
+.swiper {
+    background-color: rgba(0, 0, 0, 0.432);
+    width: 100%;
+    height: 100%;
+}
+
+.swiper-container {
+    width: 100%;
+    height: 100svh;
+    min-height: 600px;
+    max-height: 1300px;
+    background-image: url(../../assets/stefan-steinbauer-Is4oR1SLtr0-unsplash.jpg);
+    background-attachment: fixed;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+.swiper-slide {
+    font-size: 18px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: start;
+    padding: 128px;
+    gap: 20px;
+}
+
+.swiper-slide p {
+    font-size: 18pt;
+    color: #fff;
+}
+
+.swiper-slide h1 {
+    line-height: 1;
+}
+
+.swiper-slide img {
+    display: block;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+
+}
+
+.swiper-pagination-bullet {
+    background-color: #fff;
+    opacity: 1;
+}
+
+.swiper-button-next,
+.swiper-button-prev {
+    color: red;
+}
+
+.swiper-pagination-bullet-active {
+    background: red;
+}
+
 .mt32 {
     margin-top: 32px;
 }
@@ -702,6 +761,10 @@ footer img {
         gap: 16px;
     }
 
+    .swiper-slide {
+        padding: 48px;
+    }
+
     .grid img {
         max-height: 200px;
         width: auto;
@@ -744,63 +807,4 @@ footer img {
     .banner-content p {
         font-size: 20px;
     }
-}
-
-.swiper {
-    background-color: rgba(0, 0, 0, 0.432);
-    width: 100%;
-    height: 100%;
-}
-
-.swiper-container {
-    width: 100%;
-    height: 100svh;
-    min-height: 600px;
-    max-height: 1300px;
-    background-image: url(../../assets/stefan-steinbauer-Is4oR1SLtr0-unsplash.jpg);
-    background-attachment: fixed;
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: cover;
-}
-
-.swiper-slide {
-    font-size: 18px;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: start;
-    padding: 128px;
-    gap: 20px;
-}
-
-.swiper-slide p {
-    font-size: 18pt;
-    color: #fff;
-}
-
-.swiper-slide h1 {
-    line-height: 1;
-}
-
-.swiper-slide img {
-    display: block;
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-
-}
-
-.swiper-pagination-bullet {
-    background-color: #fff;
-    opacity: 1;
-}
-
-.swiper-button-next,
-.swiper-button-prev {
-    color: red;
-}
-
-.swiper-pagination-bullet-active {
-    background: red;
 }
\ No newline at end of file