From ea01cbd5d0f94c8f781faac33e1b7468086de585 Mon Sep 17 00:00:00 2001 From: kaimmej Date: Tue, 3 Dec 2024 13:08:49 -0800 Subject: [PATCH] CSS Styles - added tablet width heading styling. Signed-off-by: kaimmej --- _sass/_solutionsProviders.scss | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/_sass/_solutionsProviders.scss b/_sass/_solutionsProviders.scss index 104834409..ffbdc306d 100644 --- a/_sass/_solutionsProviders.scss +++ b/_sass/_solutionsProviders.scss @@ -110,9 +110,6 @@ $desktop-banner-height: 350px; .solutionsProviders-hero-heading-background-container { min-height: $mobile-banner-height; } - // .solutionsProviders-hero-heading { - // font-size: 32px; - // } .solutionsProviders-hero-subtext { font-size: 15px; font-weight: 600; @@ -129,11 +126,16 @@ $desktop-banner-height: 350px; .solutionsProviders-hero-heading { color: $secondary-golden-poppy; - // font-size: 64px; + font-size: 48px; font-family: "Open Sans"; font-weight: 800; word-wrap: break-word; - // text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); + @media screen and (max-width: 500px) { + font-size: 36px; + } + @media screen and (min-width: 900px) { + font-size: 64px; + } } .solutionsProviders-hero-subtext { color: $secondary-sanfrancisco-fog-t1;