diff --git a/css/style.css b/css/style.css index 18c8665..4261220 100644 --- a/css/style.css +++ b/css/style.css @@ -125,7 +125,7 @@ img { max-width: 100%; display: block; } .hero__inner { position: relative; - padding: 90px 0 70px; + padding: 48px 0 40px; max-width: 780px; } @@ -140,30 +140,30 @@ img { max-width: 100%; display: block; } border: 1px solid rgba(255, 183, 3, 0.35); padding: 7px 14px; border-radius: 999px; - margin-bottom: 22px; + margin-bottom: 16px; } .hero__title { font-family: var(--font-display); font-weight: 600; - font-size: clamp(2.15rem, 5.4vw, 4rem); + font-size: clamp(2rem, 5vw, 3.5rem); letter-spacing: -0.015em; - margin-bottom: 20px; + margin-bottom: 16px; text-wrap: balance; } .hero__subtitle { font-size: clamp(1rem, 1.6vw, 1.18rem); color: rgba(255, 255, 255, 0.82); - max-width: 620px; - margin-bottom: 34px; + max-width: 720px; + margin-bottom: 24px; } .hero__actions { display: flex; flex-wrap: wrap; gap: 14px; - margin-bottom: 40px; + margin-bottom: 28px; } .btn { @@ -664,7 +664,7 @@ img { max-width: 100%; display: block; } /* ---------------- Responsive ---------------- */ @media (max-width: 720px) { .hero { min-height: 62vh; } - .hero__inner { padding: 84px 0 56px; } + .hero__inner { padding: 40px 0 34px; } .hero__actions .btn { flex: 1 1 auto; justify-content: center; } .archive { padding: 72px 0 84px; } .cards { grid-template-columns: 1fr; }