.header { display: flex; min-height: 100px; } .title { font-size: var(--font-size-large); } .logo { margin-right: 12px; } .nav { display: flex; justify-content: center; align-items: center; font-size: var(--font-size-normal); font-weight: 600; } .nav > * { margin-left: 30px; } .nav > *:first-child { margin: 0; } .buttons { display: flex; justify-content: flex-end; } @media only screen and (max-width: 992px) { .title { text-align: center; } .nav { font-size: var(--font-size-large); justify-content: center; padding: 20px 0; } .buttons { justify-content: center; } }