*{ padding: 0; margin: 0; box-sizing: border-box; } body{ font-family: 'Inter', sans-serif; color: #000000; } .page-header{ display: flex; justify-content: center; padding: 28px 0; background-color: #000; } .logo-header, .main-banner{ width: 100%; display: block; height: auto; } .top-infocard-subtitle{ margin-top: 73px; font-weight: 400; font-size: 32px; line-height: 39px; text-transform: uppercase; } .top-infocard{ display: flex; flex-direction: column; align-items: center; justify-content: center; } .top-infocard-text{ max-width: 766px; text-align: center; } .top-infocard-title{ margin-bottom: 28px; font-weight: 500; font-size: 48px; line-height: 58px; text-transform: uppercase; } .top-infocard-image{ width: 25%; } .top-infocard-description{ font-size: 16px; line-height: 24px; margin-bottom: 84px; } @media screen and (max-width:992px) { .top-infocard-description{ margin: 0 28px 73px; } .top-infocard-title{ font-size: 28px; line-height: 34px; text-transform: uppercase; } .top-infocard-subtitle{ font-size: 20px; line-height: 24px; } }