.hrtv { background-color: #dfdfdf; position: relative; flex: none; padding: 3rem 0; background-image: url("//dd.unicraft.org/static/branding/hrtv/header/bg.png"); background-repeat: no-repeat; background-position: right; background-size: auto 100%; display: flex; align-items: center; &_logo { height: 100px; display: block; z-index: 10; margin: 0 auto 0 10%; } &_contacts { text-align: left; font-size: 14px; position: absolute; right: 0; margin-left: auto; color: #fff; background-image: url("//dd.unicraft.org/static/branding/hrtv/header/bg2.png"); background-repeat: no-repeat; background-position: left; background-size: 108px auto; padding-right: 5rem; padding-left: 150px; padding-top: 30px; padding-bottom: 30px; a { color: currentColor !important; text-decoration: underline !important; cursor: pointer; } } @media screen and (max-width: 900px) { &_logo { height: 50px; } &_contacts { background-size: 54px auto; padding-left: 80px; } } }