diff --git a/wp-content/themes/dekart/assets/css/camp.css b/wp-content/themes/dekart/assets/css/camp.css index b995bc0..d3f9963 100644 --- a/wp-content/themes/dekart/assets/css/camp.css +++ b/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 {