@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap'); * { padding: 0; margin: 0; box-sizing: border-box; } body { font-family: 'Inter', sans-serif; } .header_landing { background-color: #000; display: flex; justify-content: center; } .logo_m3 { margin: 28px 0; } .primary_banner { width: 100%; } .info_texts { text-align: center; width: 50%; margin: 0 auto; } .info_subtitle { margin-top: 76px; font-weight: 400; font-size: 32px; line-height: 39px; text-transform: uppercase; } .info_title { font-weight: 500; font-size: 48px; line-height: 58px; text-transform: uppercase; } .info_description { font-weight: 400; font-size: 16px; line-height: 24px; margin-top: 76px; margin-bottom: 76px; } @media screen and (max-width: 413px) { .primary_banner { display: none; } .banner_mobile { width: 100%; max-width: 414px; } .info_image, .info_texts { display: flex; flex-direction: column; align-items: center; } } @media screen and (min-width:414px) { .banner_mobile { display: none; } .info_image, .info_texts { display: flex; flex-direction: column; align-items: center; } }