fix designers

css/style.css

@@ -18,7 +18,7 @@ body {
 .header {
   z-index: 5;
   height: 94vh;
-  background-image: url("../images/hero.png");
+  background-image: url("../images/hero.webp");
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
@@ -294,32 +294,28 @@ body {
           width: 120px; } }
     .designers__card__text {
       font-weight: 350;
-      margin-top: .8rem; }
+      margin-top: .6rem; }
       @media screen and (max-width: 576px) {
         .designers__card__text {
-          margin-top: .8rem;
-          padding-left: 5px;
-          padding-right: 5px; } }
+          margin-top: .6rem;
+          padding-left: 3px;
+          padding-right: 3px; } }
       .designers__card__text strong {
         font-weight: bold;
         font-size: 1rem;
-        letter-spacing: 1px;
-        margin-right: 5px; }
+        letter-spacing: 1px; }
         @media screen and (max-width: 576px) {
           .designers__card__text strong {
-            font-size: 1.2rem; } }
+            font-size: 1.05rem; } }
       .designers__card__text p {
         font-size: .8rem; }
         .designers__card__text p:nth-of-type(1) {
           padding-bottom: 3px; }
-        .designers__card__text p:nth-of-type(2) {
-          padding-top: 3px;
-          border-top: 1px solid grey; }
         .designers__card__text p small {
           font-size: .7rem; }
         @media screen and (max-width: 576px) {
           .designers__card__text p {
-            font-size: 1rem; } }
+            font-size: .95rem; } }
   .designers .container-fluid {
     padding-left: 0;
     padding-right: 0; }

js/script.js

@@ -5,9 +5,9 @@ $('.owl-carousel-pc').owlCarousel({
 	autoWidth:true,
     mouseDrag: true,
     touchDrag: true,
-    smartSpeed: 800,
+    smartSpeed: 1000,
     autoplay: true,
-    autoplayTimeout: 5000,
+    autoplayTimeout: 9000,
     autoplayHoverPause: false,
     responsive:{
         0:{
@@ -28,9 +28,9 @@ $('.owl-carousel-mb').owlCarousel({
     nav:true,
     mouseDrag: true,
     touchDrag: true,
-    smartSpeed: 800,
+    smartSpeed: 0,
     autoplay: true,
-    autoplayTimeout: 5000,
+    autoplayTimeout: 9000,
     autoplayHoverPause: false,
     responsive:{
         0:{
@@ -149,18 +149,7 @@ $("input[name=submit]").click(function(){
 		$('#term-error').text('');
 	}
 	if(stop == 0) {
-		/* $.ajax({
-			url: '/step_questions/submit',
-			type: 'post',
-			dataType: 'json',
-			data: $("#msform").serialize(),
-			success: function(data) {
-			  showThankyou();
-			},
-			error: function (error) {
-				console.error(error)
-			}
-		}); */
+		alert("送出成功"); 
 	}
 });
 

scss/main.scss

@@ -25,7 +25,7 @@ body {
 .header {
     z-index: 5;
     height: 94vh;
-    background-image: url('../images/hero.png');
+    background-image: url('../images/hero.webp');
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
@@ -341,20 +341,18 @@ body {
         }
         &__text {
             font-weight: 350;
-            margin-top: .8rem;
+            margin-top: .6rem;
             @media screen and(max-width: 576px) {
-                margin-top: .8rem;
-                padding-left: 5px;
-                padding-right: 5px;
+                margin-top: .6rem;
+                padding-left: 3px;
+                padding-right: 3px;
             }
             strong {
                 font-weight: bold;
                 font-size: 1rem;
                 letter-spacing: 1px;
-                margin-right: 5px;
                 @media screen and(max-width: 576px) {
-                    font-size: 1.2rem;
-                    
+                    font-size: 1.05rem;
                 }
             }
             p {
@@ -363,14 +361,13 @@ body {
                     padding-bottom: 3px;
                 }
                 &:nth-of-type(2) {
-                    padding-top: 3px;
-                    border-top: 1px solid grey;
+                   // padding-top: 3px;
                 }
                 small {
                     font-size: .7rem;
                 }
                 @media screen and(max-width: 576px) {
-                    font-size: 1rem;
+                    font-size: .95rem;
                 }
             }
         }