@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap%27'); * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: "Inter", sans-serif; color: #000000; } .page-header { display: flex; justify-content: center; background: #000000; padding: 28px 0; } .header-logo { display: block; } .main-banner-desktop, .main-banner-mobile { display: block; width: 100%; } .top-infocard { display: flex; align-items: center; justify-content: center; padding: 72px 0 0 0; } .top-infocard-text { max-width: 768px; } .top-infocard-subtitle { text-transform: uppercase; font-size: 32px; font-weight: 400; text-align: center; } .top-infocard-title { text-transform: uppercase; font-size: 48px; font-weight: 500; margin-bottom: 24px; text-align: center; } .top-infocard-description { font-size: 16px; text-align: left; line-height: 24px; } .top-infocard-image { display: flex; flex-direction: column; align-items: center; padding: 90px 0 180px; margin: 0 auto; } @media screen and (min-width: 415px) { .main-banner-mobile { display: none; } } @media screen and (max-width: 414px) { .main-banner-desktop { display: none; } }