#index { height: calc(100vh - 202px - 50px); } #index .container{ padding: 0; flex-direction: column; align-items: center; justify-content: center; height: 100%; } #index .container img { width: 76.8%; margin: 0 auto; } #index .logo { width: 80px; margin-bottom: 20px; } #index .banner { width: 86.5%; max-width: 560px; } #index .description-and-download-links { text-align: center; } #index .description { font-weight: 200; font-size: 1.7em; margin: 20px 0 0; } #index .download-links p { font-size: 1.28em; margin: 20px 0; } #index .download-links .app-store { width: 42.5%; max-width: 195px; } #index .download-links .play-store { width: 48%; max-width: 220px; margin-left: 3px; } @media (min-width: 768px) { #index { height: calc(100vh - 220px - 56px); } /* #index .container{ padding: 0 24px; } */ #index .container img { width: 668px; } #index .logo { width: 120px; margin-bottom: 27px; } #index .banner { width: 70%; } #index .description { margin: 27px 0 0; } #index .download-links p { margin: 27px 0; } #index .download-links .app-store { width: 195px; } #index .download-links .play-store { width: 220px; } } @media (min-width: 1200px) { #index .container{ flex-direction: row; /* padding: 0 68px; */ } #index .banner { width: 40.46%; } #index .description-and-download-links { text-align: left; margin-left: 55px; width: 53.85%; } }