.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; } } }