diff --git a/blocks/cards/cards.css b/blocks/cards/cards.css index 99aaa704..97973fcb 100644 --- a/blocks/cards/cards.css +++ b/blocks/cards/cards.css @@ -163,7 +163,6 @@ margin-bottom: 14px; margin-left: 0px; margin-right: 0px; - height: 32px; } .cards.large .cards-body > p { font-size: 20px; diff --git a/blocks/cards/cards.less b/blocks/cards/cards.less index fd1a859e..7fa51e90 100644 --- a/blocks/cards/cards.less +++ b/blocks/cards/cards.less @@ -180,7 +180,6 @@ autocomment(); margin-bottom: 14px; margin-left: 0px; margin-right: 0px; - height: 32px; } >p { diff --git a/blocks/hero-home/hero-home.css b/blocks/hero-home/hero-home.css index 471e2f28..1f1ec6b0 100644 --- a/blocks/hero-home/hero-home.css +++ b/blocks/hero-home/hero-home.css @@ -37,9 +37,10 @@ main .hero-home > div > div > h1 { } } @media (min-width: 1025px) { - main main .hero-home img { + main .hero-home img { width: 100vw; - min-height: 500px; + height: 500px; + object-fit: cover; } main .hero-home > div > div > h1 { padding: 98px 0 0 105px; diff --git a/blocks/hero-home/hero-home.less b/blocks/hero-home/hero-home.less index bc239a6d..e20ea327 100644 --- a/blocks/hero-home/hero-home.less +++ b/blocks/hero-home/hero-home.less @@ -59,16 +59,13 @@ main { } @media (@width_1025) { - main { - .hero-home { - img { - width: 100vw; - min-height: 500px; - } + .hero-home { + img { + width: 100vw; + height: 500px; + object-fit: cover; } - } - .hero-home { >div { >div { >h1 { diff --git a/styles/styles.css b/styles/styles.css index 907665da..e2fab6dc 100644 --- a/styles/styles.css +++ b/styles/styles.css @@ -71,8 +71,8 @@ h3, h4, h5, h6 { - font-weight: 600; - line-height: 1.25; + font-weight: 500; + line-height: 1.2; margin-top: 1em; margin-bottom: 0.5em; scroll-margin: calc(var(--nav-height) + 1em); @@ -433,7 +433,7 @@ main .home-banner.section p { } main .home-banner.section .default-content-wrapper { margin: 0 22px; - top: -97px; + top: -60px; position: relative; padding: 64px 22px; } @@ -482,13 +482,13 @@ main .home-banner.section p { } @media (min-width: 1281px) { main .section.narrow { - padding-left: 250px; - padding-right: 250px; + max-width: 1228px; + margin: auto; } main .section.switchcard { background-color: var(--highlight-background-color); display: grid; - grid-template-columns: 0.25fr 1fr 1fr 0.25fr 1fr 0.25fr; + grid-template-columns: 0.7fr 1fr 1fr 0.25fr 1fr 0.7fr; grid-template-areas: ". a a a a ." ". b b . d ."; } main .section.switchcard > .text-wrapper { diff --git a/styles/styles.less b/styles/styles.less index 74ac4696..69f9ba44 100644 --- a/styles/styles.less +++ b/styles/styles.less @@ -102,8 +102,8 @@ h3, h4, h5, h6 { - font-weight: 600; - line-height: 1.25; + font-weight: 500; + line-height: 1.2; margin-top: 1em; margin-bottom: 0.5em; scroll-margin: calc(var(--nav-height) + 1em); @@ -165,6 +165,7 @@ pre { strong { font-family: var(--strong-font-family); + a.button { &:any-link { font-family: var(--strong-font-family); @@ -464,6 +465,7 @@ main { >.text-wrapper, .default-content-wrapper { padding-bottom: 50px; + :where(h1, h2, h3, p) { color: @color_6; text-align: center; @@ -568,7 +570,7 @@ main .home-banner.section { .default-content-wrapper { margin: 0 22px; - top: -97px; + top: -60px; position: relative; padding: 64px 22px; } @@ -636,15 +638,15 @@ main .home-banner.section { .section { &.narrow { - padding-left: 250px; - padding-right: 250px; + max-width: 1228px; + margin: auto; } &.switchcard { background-color: var(--highlight-background-color); display: grid; - grid-template-columns: 0.25fr 1fr 1fr 0.25fr 1fr 0.25fr; + grid-template-columns: 0.7fr 1fr 1fr 0.25fr 1fr 0.7fr; grid-template-areas: ". a a a a ." ". b b . d .";