123456789101112131415161718192021222324252627 |
- header.masthead {
- position: relative;
- background-color: $gray-800;
- background: url('../img/bg-masthead.jpg') no-repeat center center;
- @include background-cover;
- padding-top: 8rem;
- padding-bottom: 8rem;
- .overlay {
- position: absolute;
- background-color: $gray-900;
- height: 100%;
- width: 100%;
- top: 0;
- left: 0;
- opacity: 0.3;
- }
- h1 {
- font-size: 2rem;
- }
- @media (min-width: 768px) {
- padding-top: 12rem;
- padding-bottom: 12rem;
- h1 {
- font-size: 3rem;
- }
- }
- }
|