_masthead.scss 523 B

123456789101112131415161718192021222324252627
  1. header.masthead {
  2. position: relative;
  3. background-color: $gray-800;
  4. background: url('../img/bg-masthead.jpg') no-repeat center center;
  5. @include background-cover;
  6. padding-top: 8rem;
  7. padding-bottom: 8rem;
  8. .overlay {
  9. position: absolute;
  10. background-color: $gray-900;
  11. height: 100%;
  12. width: 100%;
  13. top: 0;
  14. left: 0;
  15. opacity: 0.3;
  16. }
  17. h1 {
  18. font-size: 2rem;
  19. }
  20. @media (min-width: 768px) {
  21. padding-top: 12rem;
  22. padding-bottom: 12rem;
  23. h1 {
  24. font-size: 3rem;
  25. }
  26. }
  27. }