| .druid-masthead { |
| padding: 50px 20px 42px 20px; |
| background-color: #3b3b50; |
| 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; } |
| .druid-masthead .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: #9caeff; |
| color: #1C1C26; |
| transition: background-color 0.1s ease; } |
| .druid-masthead .button .fa, .druid-masthead .button .fab { |
| font-size: 16px; |
| margin-right: 3px; } |
| .druid-masthead .button:hover, .druid-masthead .button:active { |
| background: white; |
| text-decoration: none; } |
| .druid-masthead .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; } |
| .druid-masthead b { |
| font-weight: 700; } |
| |
| .bottom-news { |
| display: block; } |
| |
| @media (max-width: 500px) { |
| .druid-masthead .lead { |
| font-size: 1.4em; } |
| .druid-masthead .button { |
| min-width: 130px; } } |