diff --git a/src/lib/components/Modal/Modal.svelte b/src/lib/components/Modal/Modal.svelte index 5c33079..248aeb4 100644 --- a/src/lib/components/Modal/Modal.svelte +++ b/src/lib/components/Modal/Modal.svelte @@ -81,7 +81,7 @@ border-radius: 0.25em; margin: 4%; height: 100%; - width: 100%; + width: 85%; top: 50%; align-items: center; transform: translateY(-50%); diff --git a/src/lib/components/NewsletterSignup/NewsletterSignup.svelte b/src/lib/components/NewsletterSignup/NewsletterSignup.svelte index 7ce56a5..e18eb5c 100644 --- a/src/lib/components/NewsletterSignup/NewsletterSignup.svelte +++ b/src/lib/components/NewsletterSignup/NewsletterSignup.svelte @@ -104,6 +104,8 @@ .promo { position: relative; + font-family: "Welcomehome5 Regular"; + font-size: 0.6em; padding-bottom: 3%; border-bottom: 8px solid #ff6600; } @@ -119,6 +121,10 @@ } @media (min-width: 700px) { + .promo { + font-size: 0.8em; + } + h1 { font-size: 2.8em; } @@ -138,6 +144,10 @@ } @media (min-width: 1280px) { + .promo { + font-size: 1em; + } + h1 { font-size: 2.8em; } diff --git a/src/lib/components/SwipeImage/SwipeImage.svelte b/src/lib/components/SwipeImage/SwipeImage.svelte index cc3cecc..6d4ae72 100644 --- a/src/lib/components/SwipeImage/SwipeImage.svelte +++ b/src/lib/components/SwipeImage/SwipeImage.svelte @@ -73,7 +73,7 @@ } img { - max-width: 95%; + max-width: 80%; max-height: 95%; animation: fadeIn 0.6s; }