.wrap { height: 100vh; background-color: #fff; display: flex; align-items: center; justify-content: center; } .content { max-width: 1210px; width: 100%; max-height: 100%; text-align: center; } .image { width: 100%; max-width: 300px; height: auto; margin-bottom: 32px} .text-wrap { font-family: sans-serif; color: #333; padding: 10px; max-width: 500px; margin: 0 auto; } .text-wrap h1 { margin: 0 0 24px 0; font-size: 32px; line-height: 1.125; letter-spacing: -.5px; font-weight: 200; } .text-wrap p { font-size: 16px; line-height: 1.3333; font-weight: 300; margin: 0; } @media (min-width: 601px) { .wrap { width: 100vw; } .image { margin-bottom: 40px; max-width: 400px; } .text-wrap h1 { font-size: 42px; } .text-wrap p { font-size: 18px; } } @media (min-width: 881px) { .content { display: flex; justify-content: space-between; align-items: center; text-align: left; } .image { order: 2; margin-bottom: 0px; } .text-wrap { order: 1; max-width: 50%; margin: 0; } .text-wrap h1 { font-size: 54px; } }

Please enable JavaScript

This website needs JavaScript to work properly. To continue, please enable JavaScript in your browser settings, then reload this page.