diff --git a/app/styles/_app.scss b/app/styles/_app.scss index 4467262..6fd20c9 100644 --- a/app/styles/_app.scss +++ b/app/styles/_app.scss @@ -83,11 +83,17 @@ body { line-height: 1em; font-size: 3em; text-align: center !important; + font-variant: small-caps; + + &:first-letter { + margin-right: -0.05em; + } em { display: inline-block; font-style: normal; opacity: .5; + margin-left: -0.05em; } } @@ -294,7 +300,7 @@ small { } .blurb { - font-size: 1.25em; + font-size: 1.125em; line-height: 1.45em; margin: 0 0 .5em; } @@ -306,10 +312,6 @@ footer { border-top: thin solid rgba(black, 0.2); text-align: center; - a { - - } - small { margin-top: 1.5em; font-size: 1.125em; @@ -377,13 +379,18 @@ footer { max-width: 500px; margin: auto; text-align: center; + + a { + color: inherit; + font-family: "Playfair Display", $serif-stack; + } } .page-header { position: relative; transform: none !important; border: 0; - padding-right: 0; + padding: 0 2em; max-width: 400px; margin: auto; @@ -398,7 +405,7 @@ footer { } button { - right: -0.25em; + width: 3em; } } @@ -417,7 +424,7 @@ footer { margin-top: 1.5em; } - @media (min-height: 768px) { + @media (min-height: 600px) and (min-width: 600px) { #menu { display: none; } @@ -433,9 +440,13 @@ footer { } @media (max-width: 600px) { + + #content { + font-size: 1em; + } + .logo { margin-top: 0.5em; - margin-bottom: 2.5em; } footer {