main { max-width: 900px; display: flex; flex-direction: column; justify-content: center; margin: auto; padding: 0 1.25rem 0 1.25rem; } // Mobile @media only screen and (max-width : 900px) { main { max-width: 460px; display: flex; flex-direction: column; justify-content: center; margin: auto; padding: 0 1.25rem 0 1.25rem; } .brand { padding: 0 1rem 0 1rem; margin: 7rem 0 5rem 0; } header, #menu { padding: 1.25rem 1.75rem 0 1.75rem; } #menu { padding-top: 4rem; } #menu > a { color: white; font-size: 8vw; font-weight: 600; display: flex; align-items: center; margin-bottom: 1.5rem; } #menu > a > img { height: 1em; margin-right: 8px; } h1 { font-size: 12vw; } h3 { font-size: 8vw; } span { font-size: 12px; } p { font-size: 4vw; } }