diff --git a/style/style.css b/style/style.css index 579223e..a00055d 100644 --- a/style/style.css +++ b/style/style.css @@ -64,7 +64,7 @@ main { } .container-midle-title { - width: 22%; + font-weight: 500; font-size: 48px; line-height: 58px; @@ -72,43 +72,43 @@ main { } .container-midle-subtitle { - width: 11.75%; font-weight: 400; font-size: 32px; line-height: 40px; text-transform: uppercase; + } .container-midle-paragraph { - width: 40%; + width: 766px; font-weight: 400; font-size: 16px; line-height: 24px; margin: 28px 0 74px; + } -/* .container-midle-banner { - max-width: 315px; -} */ - .container-midle-img { - width: 16%; height: 16%; display: block; } -@media (max-width:1024px) { - /* BANNER MOBILE */ - .banner-img-desktop { - display: none; - } - .banner-img-mobile { - display: block; - } - main{ background-color: var(--grey-footer);} +/* */ + +@media (max-width:1024px) { +/* BANNER MOBILE */ +.banner-img-desktop { +display: none; +} +.banner-img-mobile { + display: block; +} + +main{ background-color: var(--grey-footer);} + /* AREA ABAIXO DO BANNER */ .container-midle { @@ -120,26 +120,26 @@ main { flex-direction: column; align-items: center; justify-content: center; + + } .container-midle-title { - width: 56.76%; font-size: 28px; line-height: 34px; } - .container-midle-subtitle { - width: 33.33%; font-size: 20px; line-height: 24px; } .container-midle-paragraph { - width: 86%; + width: 100%; + max-width: 360px; font-size: 16px; line-height: 24px; - margin: 15px 0 74px; text-align: center; + } -} \ No newline at end of file +}