style.scss 746 B

123456789101112131415161718192021222324252627282930313233343536
  1. .hsep {
  2. text-align: center;
  3. position: relative;
  4. flex: none;
  5. padding: 1rem 3rem;
  6. display: flex;
  7. flex-direction: row;
  8. align-items: center;
  9. justify-content: flex-start;
  10. background-color: #f7e4d7;
  11. background-image: url("//dd.unicraft.org/static/branding/hsep/header/bg.png");
  12. background-repeat: no-repeat;
  13. background-position: center;
  14. background-size: cover;
  15. @media (max-width: 800px) {
  16. flex-wrap: wrap;
  17. }
  18. &_logo {
  19. display: block;
  20. z-index: 10;
  21. margin: 1rem;
  22. }
  23. &_text {
  24. display: block;
  25. z-index: 10;
  26. margin: 1rem;
  27. max-width: 70%;
  28. @media (max-width: 800px) {
  29. max-width: 90%;
  30. }
  31. }
  32. }