| @import "variables"; |
| |
| .druid-masthead { |
| padding: 40px 20px 32px 20px; |
| background-color: $medium; |
| text-align: center; |
| margin: 0 auto 20px; |
| margin-bottom: 14px; |
| color: white; |
| overflow: hidden; |
| |
| background-image: url('/img/watermark-dark.png'); |
| background-size: 800px auto; |
| background-repeat: no-repeat; |
| background-position: 26% -76px; |
| |
| .button { |
| display: inline-block; |
| min-width: 155px; |
| margin: 6px; |
| font-size: 1.1em; |
| line-height: 1.4em; |
| font-weight: 600; |
| padding: 9px 12px; |
| border-radius: 2px; |
| background: $link-light; |
| color: $dark; |
| transition: background-color 0.1s ease; |
| |
| .fa, .fab { |
| font-size: 16px; |
| margin-right: 3px; |
| } |
| |
| &:hover, |
| &:active { |
| background: white; |
| text-decoration: none; |
| } |
| } |
| |
| .lead { |
| font-size: 1.7em; |
| line-height: 1.7em; |
| font-weight: 600; |
| margin-top: 8px; |
| margin-bottom: 26px; |
| max-width: 820px; |
| margin-left: auto; |
| margin-right: auto; |
| } |
| |
| b { |
| font-weight: 700; |
| } |
| } |
| |
| .bottom-news { |
| display: block; |
| } |
| |
| @media (max-width: 500px) { |
| .druid-masthead { |
| .lead { |
| font-size: 1.4em; |
| } |
| |
| .button { |
| min-width: 130px; |
| } |
| } |
| } |