style.scss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. .eobuv {
  2. background-color: #ffffff;
  3. position: relative;
  4. flex: none;
  5. padding: 4rem;
  6. background-image: linear-gradient(to bottom, hsla(0, 0%, 90%, 1), hsla(0, 0%, 90%, 0) 5rem), url("//dd.unicraft.org/static/branding/eobuv/header/bg.jpg");
  7. background-repeat: no-repeat;
  8. background-size: 100%, auto;
  9. background-position: top, right 10% bottom;
  10. @media (max-width: 800px) {
  11. padding-left: 2rem;
  12. background-position: top, right -200px bottom;
  13. }
  14. &_logo {
  15. max-height: 60px;
  16. width: 45%;
  17. display: block;
  18. object-fit: contain;
  19. object-position: left center;
  20. }
  21. &_slogan {
  22. margin-top: 1rem;
  23. margin-bottom: 1rem;
  24. width: 50%;
  25. background: hsla(0, 0%, 100%, 0.75);
  26. padding-right: 1rem;
  27. &_1 {
  28. font-size: 18px;
  29. font-weight: bold;
  30. margin: 10px 0 5px;
  31. }
  32. &_2 {
  33. font-size: 12px;
  34. color: gray;
  35. }
  36. }
  37. &_img {
  38. flex: none;
  39. position: absolute;
  40. display: flex;
  41. align-items: flex-start;
  42. top: 2rem;
  43. left: 50%;
  44. width: 50%;
  45. overflow: hidden;
  46. img {
  47. flex: none;
  48. width: auto;
  49. display: block;
  50. }
  51. &_1 {}
  52. &_2 {
  53. margin-left: 1%;
  54. margin-top: 95px;
  55. }
  56. &_3 {
  57. margin-left: 1%;
  58. margin-top: 25px;
  59. }
  60. }
  61. }