Лагерь: Секции

wp-content/themes/dekart/assets/css/camp.css

@@ -2,6 +2,7 @@
    --main-color: #BF568E;
    --main-blue: #006DB7;
    --main-yellow: #FFD43E;
+   --section-padding: clamp(30px, 6.25vw, 75px);
 }
 
 html {
@@ -18,6 +19,11 @@ html {
    padding-bottom: 0;
 }
 
+.camp section {
+    padding-top: var(--section-padding);
+    padding-bottom: var(--section-padding);
+}
+
 .container_camp {
    width: 100%;
    max-width: 1200px;
@@ -213,7 +219,7 @@ p {
 
 .about-us {
     background: #ffffff;
-    padding: 24px 0;
+
 }
 
 
@@ -574,7 +580,7 @@ p {
 }
 .suggestions {
     background: #f8f9fa;
-    padding: 80px 0;
+
     position: relative;
     overflow: hidden;
 }
@@ -742,7 +748,7 @@ p {
 }
 .infograph {
     background: #faf7f2;
-    padding: 80px 0;
+
     width: 100vw;
     margin-left: calc(-50vw + 50%);
     padding-left: calc(50vw - 50%);
@@ -1657,11 +1663,11 @@ p {
 .hero-media-search {
     background-color: #f6f1e9;
     overflow: hidden;
-    padding: 30px 0;
+    
 }
 @media (min-width: 1024px) {
     .hero-media-search {
-        padding: 75px 0;
+
         width: 100vw;
         margin-left: calc(-50vw + 50%);
         margin-right: calc(-50vw + 50%);
@@ -2539,7 +2545,8 @@ p {
    }
 
    .camp section {
-        padding: 0 15px;
+        padding-left: 15px;
+        padding-right: 15px;
    }
 
    .camp_text {
@@ -2551,7 +2558,7 @@ p {
 
    .infograph {
         background: #faf7f2;
-        padding: 24px 0;
+
         padding-left: calc(50vw - 50%);
         padding-right: calc(50vw - 50%);
    }
@@ -2584,7 +2591,8 @@ p {
    }
 
    .programs {
-      padding: 0;
+        padding-left: 0;
+        padding-right: 0;
    }
 
    .programs .camp_title {