| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071 |
- .eobuv {
- background-color: #ffffff;
- position: relative;
- flex: none;
- padding: 4rem;
- 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");
- background-repeat: no-repeat;
- background-size: 100%, auto;
- background-position: top, right 10% bottom;
- @media (max-width: 800px) {
- padding-left: 2rem;
- background-position: top, right -200px bottom;
- }
- &_logo {
- max-height: 60px;
- width: 45%;
- display: block;
- object-fit: contain;
- object-position: left center;
- }
- &_slogan {
- margin-top: 1rem;
- margin-bottom: 1rem;
- width: 50%;
- background: hsla(0, 0%, 100%, 0.75);
- padding-right: 1rem;
- &_1 {
- font-size: 18px;
- font-weight: bold;
- margin: 10px 0 5px;
- }
- &_2 {
- font-size: 12px;
- color: gray;
- }
- }
- &_img {
- flex: none;
- position: absolute;
- display: flex;
- align-items: flex-start;
- top: 2rem;
- left: 50%;
- width: 50%;
- overflow: hidden;
- img {
- flex: none;
- width: auto;
- display: block;
- }
- &_1 {}
- &_2 {
- margin-left: 1%;
- margin-top: 95px;
- }
- &_3 {
- margin-left: 1%;
- margin-top: 25px;
- }
- }
- }
|