body { min-height: 100vh; background-color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; } main { flex: 1; } section { max-width: 800px; margin-bottom: 100px; } .body-container { font-family: 'Montserrat', sans-serif; } p, h1, h2, h3, ul, li { max-width: 660px; text-align: left; } h1 { width: 100%; margin: 0; font-weight: 700; font-size: 38px; } p { margin-bottom: 30px; font-weight: 400; text-align: left; font-size: 16px; line-height: 1.6; } h2 { width: 100%; margin: 0; margin-bottom: 40px; font-weight: 600; font-size: 32px; } h3 { font-size: 26px; font-weight: 500; } li { margin-bottom: 15px; line-height: 1.6; } @media (max-width: 800px) { .body-container { width: 90vw; } } @media (max-width: 600px) { section { margin-bottom: 45px; } h1 { font-size: 30px; } h2 { font-size: 24px; margin-bottom: 25px; } p { font-size: 16px; margin-bottom: 20px; } }