diff --git a/src/components/footer-top.module.scss b/src/components/footer-top.module.scss index 66007c1..0328936 100644 --- a/src/components/footer-top.module.scss +++ b/src/components/footer-top.module.scss @@ -9,6 +9,10 @@ display: flex; position: relative; + @media screen and (min-width: 2500px) { + height: 297px; + } + .footer-wrapper { display: flex; justify-content: space-between; @@ -90,6 +94,10 @@ display: flex; gap: 121px; + @media screen and (min-width: 2500px) { + gap: 293px; + } + @media screen and (max-width: 1024px) { display: none; } @@ -105,6 +113,11 @@ line-height: 16px; text-transform: uppercase; color: variables.$color-black3; + + @media screen and (min-width: 2500px) { + font-size: 28px; + line-height: 33px; + } } h4 { @@ -113,6 +126,11 @@ line-height: 14px; text-transform: capitalize; color: variables.$color-black3; + + @media screen and (min-width: 2500px) { + font-size: 24px; + line-height: 28px; + } } a { @@ -122,6 +140,11 @@ text-transform: capitalize; text-decoration: none; color: variables.$color-black3; + + @media screen and (min-width: 2500px) { + font-size: 24px; + line-height: 28px; + } } } } @@ -141,6 +164,12 @@ .footer-social-media-wrapper { display: flex; gap: 10px; + + img { + @media screen and (min-width: 2500px) { + height: 70px; + } + } } a { @@ -149,6 +178,11 @@ line-height: 16px; text-decoration: none; color: variables.$color-black3; + + @media screen and (min-width: 2500px) { + font-size: 28px; + line-height: 33px; + } } } }