style.scss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. .hrtv {
  2. background-color: #dfdfdf;
  3. position: relative;
  4. flex: none;
  5. padding: 3rem 0;
  6. background-image: url("//dd.unicraft.org/static/branding/hrtv/header/bg.png");
  7. background-repeat: no-repeat;
  8. background-position: right;
  9. background-size: auto 100%;
  10. display: flex;
  11. align-items: center;
  12. &_logo {
  13. height: 100px;
  14. display: block;
  15. z-index: 10;
  16. margin: 0 auto 0 10%;
  17. }
  18. &_contacts {
  19. text-align: left;
  20. font-size: 14px;
  21. position: absolute;
  22. right: 0;
  23. margin-left: auto;
  24. color: #fff;
  25. background-image: url("//dd.unicraft.org/static/branding/hrtv/header/bg2.png");
  26. background-repeat: no-repeat;
  27. background-position: left;
  28. background-size: 108px auto;
  29. padding-right: 5rem;
  30. padding-left: 150px;
  31. padding-top: 30px;
  32. padding-bottom: 30px;
  33. a {
  34. color: currentColor !important;
  35. text-decoration: underline !important;
  36. cursor: pointer;
  37. }
  38. }
  39. @media screen and (max-width: 900px) {
  40. &_logo {
  41. height: 50px;
  42. }
  43. &_contacts {
  44. background-size: 54px auto;
  45. padding-left: 80px;
  46. }
  47. }
  48. }