.hsep { text-align: center; position: relative; flex: none; padding: 1rem 3rem; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; background-color: #f7e4d7; background-image: url("//dd.unicraft.org/static/branding/hsep/header/bg.png"); background-repeat: no-repeat; background-position: center; background-size: cover; @media (max-width: 800px) { flex-wrap: wrap; } &_logo { display: block; z-index: 10; margin: 1rem; } &_text { display: block; z-index: 10; margin: 1rem; max-width: 70%; @media (max-width: 800px) { max-width: 90%; } } }