Fix all section padding to use responsive clamp() values

css/custom.css

@@ -1165,7 +1165,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .about-us{
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .about-image{
@@ -1282,7 +1282,7 @@ header.main-header .header-sticky.active{
 
 .join-worship{
 	background-color: var(--secondary-color);
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .join-worship .section-title{
@@ -1460,7 +1460,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .our-mission{
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .mission-content-body{
@@ -1527,7 +1527,7 @@ header.main-header .header-sticky.active{
 
 .our-services{
 	background-color: var(--secondary-color);
-	padding: 100px 0 70px;
+	padding: clamp(60px, 10vh, 80px) 0 clamp(40px, 6vh, 70px);
 }
 
 .service-item{
@@ -1737,7 +1737,7 @@ header.main-header .header-sticky.active{
 
 .our-ministries{
 	background: linear-gradient(180deg, var(--accent-color) 68%, var(--white-color) 32%);
-	padding: 100px 0 50px;
+	padding: clamp(60px, 10vh, 100px) 0 clamp(30px, 5vh, 50px);
 }
 
 .our-ministries .section-title h2 span,
@@ -1846,7 +1846,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .our-sermons{
-	padding: 50px 0 70px;
+	padding: clamp(40px, 8vh, 70px) 0;
 }
 
 .sermons-item{
@@ -1977,7 +1977,7 @@ header.main-header .header-sticky.active{
 	background: var(--secondary-color) url('../images/verse-church-bg.png') no-repeat;
 	background-position: right center;
 	background-size: contain;
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .verse-church-btn{
@@ -2018,7 +2018,7 @@ header.main-header .header-sticky.active{
 
 .cta-box{
 	background-color: var(--accent-color);
-	padding: 50px 0;
+	padding: clamp(40px, 8vh, 60px) 0;
 }
 
 .cta-box-content{
@@ -2065,7 +2065,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .our-event{
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .event-image figure{
@@ -2165,7 +2165,7 @@ header.main-header .header-sticky.active{
 	background: url('../images/donate-now-bg.jpg') no-repeat;
 	background-position: center center;
 	background-size: cover;
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .video-play-button{
@@ -2296,7 +2296,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .our-blog{
-	padding: 100px 0 70px;
+	padding: clamp(60px, 10vh, 80px) 0;
 }
 
 .blog-item{
@@ -2406,7 +2406,7 @@ header.main-header .header-sticky.active{
 	background: url('../images/subscribe-newsletter-bg.jpg') no-repeat;
 	background-position: center center;
 	background-size: cover;
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .subscribe-newsletter::before{
@@ -2487,7 +2487,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .main-footer{
-	padding: 100px 0 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 	background: var(--primary-color);
 }
 
@@ -2721,7 +2721,7 @@ header.main-header .header-sticky.active{
 
 .vision-mission{
 	background-color: var(--secondary-color);
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .vision-mission .section-row .section-title{
@@ -2808,7 +2808,7 @@ header.main-header .header-sticky.active{
 }
 
 .what-we-do{
-	padding: 100px 0 70px;
+	padding: clamp(60px, 10vh, 80px) 0;
 }
 
 .what-we-item{
@@ -2855,7 +2855,7 @@ header.main-header .header-sticky.active{
 
 .our-team{
 	background: linear-gradient(180deg, var(--accent-color) 68%, var(--white-color) 32%);
-	padding: 100px 0 20px;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .our-team .section-row .section-title h3::before{
@@ -2966,7 +2966,7 @@ header.main-header .header-sticky.active{
 }
 
 .pastors-message{
-	padding: 50px 0 100px;
+	padding: clamp(40px, 8vh, 80px) 0;
 }
 
 .pastors-image{
@@ -3018,7 +3018,7 @@ header.main-header .header-sticky.active{
 
 .core-value{
 	background-color: var(--secondary-color);
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .core-value-faqs-accordion .accordion-item{
@@ -3150,7 +3150,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .page-services{
-	padding: 100px 0 70px;
+	padding: clamp(60px, 10vh, 80px) 0;
 }
 
 .page-services .service-item{
@@ -3162,7 +3162,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .page-service-single{
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .service-single-content{
@@ -3441,7 +3441,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .page-blog{
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .page-blog .blog-item{
@@ -3454,7 +3454,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .page-single-post{
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .post-single-meta ol li.breadcrumb-item{
@@ -3660,7 +3660,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .page-sermons{
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .page-pagination{
@@ -3702,7 +3702,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .page-sermons-single{
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .sermons-single-content{
@@ -3915,7 +3915,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .page-campaign{
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .campaign-item{
@@ -4054,7 +4054,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .page-campaign-single{
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .campaign-single-content{
@@ -4354,7 +4354,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .page-ministries{
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 /**************************************/
@@ -4362,7 +4362,7 @@ header.main-header .header-sticky.active{
 /**************************************/
 
 .page-ministry-single{
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .ministry-single-content{
@@ -4541,7 +4541,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .page-team{
-	padding: 100px 0 70px;
+	padding: clamp(60px, 10vh, 80px) 0;
 }
 
 /************************************/
@@ -4549,7 +4549,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .page-gallery{
-	padding: 100px 0 70px;
+	padding: clamp(60px, 10vh, 80px) 0;
 }
 
 .page-gallery-box .photo-gallery{
@@ -4576,7 +4576,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .page-contact-us{
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .contact-information{
@@ -4667,7 +4667,7 @@ header.main-header .header-sticky.active{
 /************************************/
 
 .error-page{
-	padding: 100px 0;
+	padding: clamp(60px, 10vh, 100px) 0;
 }
 
 .error-page-image{