body{ margin: 0; padding: 0; border: 0; font-family: inter; background: #E5E5E5; } main figure{ margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0; margin-inline-end: 0; } .cabecalho { background-color: #000000; text-align: center; width: 100%; } .imagemCabecalho { width: 12%; height: 42%; padding-top: 1.4%; padding-bottom: 1.4%; } .imagemCorpoPt1{ width: 100%; height: 100%; } .corpoPt1{ display: flex; flex-direction: column; align-items: center; margin: 0; } .corpoPt1 h2{ margin-block-start: 0; margin-block-end: 0; margin-top: 73px; line-height: 39px; font-size: 32px; text-transform: uppercase; } .corpoPt1 h1{ margin-block-start: 0; margin-block-end: 0; font-weight: 500; line-height: 58px; font-size: 48px; text-transform: uppercase; } .corpoPt1 p{ margin-top: 28px; width: 65%; font-size: 16px; } .corpoPt2{ margin-top: 73px; text-align: center; } .imagem2{ width: 16%; } .corpoPt3{ margin-top: 178px; display: flex; flex-direction: row; justify-content: center; gap: 1%; margin-bottom: 80px; } section figure { text-align: center; width: 18%; background: #FFFFFF; } section figure img{ width: 29%; } section figure figcaption p{ font-style: normal; font-size: 16px; margin-left: 11%; margin-right: 11%; } .quadrado1 img{ margin-top: 47px; margin-bottom: 38px; } .quadrado2 img{ margin-top: 35px; margin-bottom: 31px; } .quadrado3 img{ margin-top: 31px; margin-bottom: 31px; } .corpoPt4{ background: #E0E0E0; display: flex; flex-direction: row; width: 100%; justify-content:center; gap: 2%; } .corpoPt4 figure { width: 29%; margin-top: 62px; } .corpoPt4 figure img{ width: 100%; } .corpoPt5{ margin-top: 129px; display: flex; flex-direction: row; width: 100%; justify-content: center; gap: 0.8%; background: #E5E5E5; } .corpoPt5 figure{ width: 22.5%; background: #FFFFFF; } .corpoPt5 figure p{ font-size: 16px; margin-bottom: 65px; } .box1 img{ margin-top: 51px; width: 24%; } .box2 img{ margin-top: 41px; width: 24%; } .box3 img{ margin-top: 41px; width: 24%; } .box4 img{ margin-top: 35px; width: 20%; } .corpoPt6{ margin-top: 108px; display: flex; flex-direction: column; align-items: center; width: 100%; } .corpoPt6 p{ font-size: 16px; width: 28%; margin-block-start: 0; margin-block-end: 0; margin-bottom: 50px; } .corpoPt6 h1{ font-weight: 600; font-size: 32px; width: 21%; margin-block-start: 0; margin-block-end: 0; } .corpoPt6 img{ width: 71%; } footer{ margin-top: 116px ; background: #000000; display: flex; flex-direction: column; align-items: center; } .divRodape{ margin-top: 38px; gap: 21.5px; width: 5%; } .divRodape img{ width: 23%; } .paragrafoRodape{ color:#BDBDBD; font-style: normal; font-size: 10px; text-transform: uppercase; margin-bottom: 38px; } .retanguloMobile{ display: none; } @media(max-width:1024px){ .corpoPt3{ flex-direction: column; align-items: center; gap: 24px; } section figure { text-align: center; width: 84%; background: #FFFFFF; } .imagem2{ width: 58%; } .corpoPt5{ margin-top: 129px; display: flex; flex-direction: column; align-items: center; gap: 16px; } .corpoPt5 figure{ width: 89%; } .divRodape{ width: 25%; } .corpoPt6 p{ width: 84%; } .corpoPt6 h1{ width: 76%; } .retangulo2{ order: 1; } .retangulo1{ order: 2; } .retangulo3{ order: 3; } .corpoPt6 img{ width: 100%; order: 1; height: 414px; } .corpoPt6 p{ order: 3; } .corpoPt6 h1{ order: 2; } .retanguloDesktop{ display: none; } .retanguloMobile{ display: flex; margin-bottom: 50px ; } } @media(min-width: 2500px){ .corpoPt1 h2{ font-size: 64px; margin-bottom: 18px; } .corpoPt1 h1{ font-size: 96px; } .corpoPt1 p{ font-size: 32px; } section figure figcaption p{ font-size: 32px; } .corpoPt5 figure p{ font-size: 32px; } .corpoPt6 p{ font-size: 32px; } .corpoPt6 h1{ font-size: 64px; } .paragrafoRodape{ font-size: 20px; } }