style.scss 745 B

123456789101112131415161718192021222324252627282930
  1. .pcg {
  2. background-color: #000000;
  3. text-align: center;
  4. position: relative;
  5. flex: none;
  6. padding: 3rem;
  7. background-image: url("//dd.unicraft.org/static/branding/pcg/header/bg_img1.png"), url("//dd.unicraft.org/static/branding/pcg/header/bg_img2.png");
  8. background-repeat: no-repeat;
  9. background-position: left, right;
  10. background-size: auto 100%;
  11. &_logo {
  12. height: 128px;
  13. display: block;
  14. z-index: 10;
  15. margin: 0 auto;
  16. @media screen and (max-width: 1200px) {
  17. height: 100px;
  18. }
  19. @media screen and (max-width: 800px) {
  20. height: 64px;
  21. }
  22. @media screen and (max-width: 600px) {
  23. height: 42px;
  24. }
  25. }
  26. }