.litera { flex: none; background: url("//dd.unicraft.org/static/branding/litera/header/bg.png") repeat; padding: 45px 0; text-align: left; background-size: auto 100%; background-position: left center; background-repeat: no-repeat; background-color: #f7f7f7; user-select: none; display: flex; align-items: center; overflow: hidden; &_logo { flex: none; align-self: center; display: block; margin-left: 120px; } &_slogan { color: #000; display: block; width: min-content; flex: none; text-align: right; text-transform: uppercase; font-size: 18px; margin-left: 480px; @media screen and (min-width: 1700px) { margin-left: 880px; text-align: left; } @media screen and (max-width: 1100px) { margin-left: auto; margin-right: 40px; } @media screen and (max-width: 800px) { display: none; } } }