@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; color: #000; } .header_logo { background-color: #000; display: flex; justify-content: center; padding: 28px 0; } .image_logo { display: block; } .image_banner1 { width: 100%; } .top_infocard { display: flex; align-items: center; justify-content: center; padding: 80px 0 96px; } .top_infocard_text { max-width: 768px; margin-right: 124px; } .top_infocard_subtitle { font-weight: 400; font-size: 32px; } .top_infocard_title { font-weight: 500; font-size: 48px; margin-bottom: 24px; } .top_infocard_description { font-weight: 400; font-size: 16px; line-height: 24px; } @media screen and (max-width: 414px) { .banner_desktop { display: none; } } @media screen and (min-width: 414px) { .banner_mobile { display: none; } } @media screen and (max-width: 992px) { .top_infocard { flex-direction: column; padding: 84px 26px 158px; } .top_infocard_text { margin: 0 0 68px; } .top_infocard_subtitle { font-size: 20px; } .top_infocard_title { font-size: 28px; margin-bottom: 20px; } .infocard_image_dinamico { max-width: 240px; width: 100%; } } @media screen and (min-width: 993px) and (max-width:1280px) { .top_infocard_text { max-width: 520px; margin-right: 70px; } }