diff --git a/assets/styles/main.css b/assets/styles/main.css index f88b371..4c808f4 100644 --- a/assets/styles/main.css +++ b/assets/styles/main.css @@ -135,17 +135,18 @@ body{ line-height: 24px; } .bottombanner{ - display:flex; - flex-direction: column; - align-items: center; - margin-top: 108px; + margin-top:108px; } .bottombanner figure{ display: flex; flex-direction: column; align-items: center; + text-align: center; } +.bottombanner figure figcaption{ + width: 35%; +} .bottombanner-subtitle{ font-weight: 600; @@ -153,16 +154,14 @@ body{ line-height: 39px; } .bottombanner-text{ - text-align: center; font-weight: 400; font-size: 16px; line-height: 24px; - max-width: 550px; margin-bottom: 50px; } .bottombanner-desktop{ display: block; - width: 100%; + width: 71%; } .bottombanner-mobile{ display:none; @@ -301,6 +300,10 @@ body{ align-items: center; text-align: center; } + .bottombanner figure figcaption{ + width:auto; + margin: 0 7%; + } .bottombanner-subtitle{ margin-top: 50px; margin-bottom: 9px; @@ -308,7 +311,7 @@ body{ line-height: 29px; } .bottombanner-text{ - margin:0 32px; + margin:0; } .bottombanner-desktop{ display: none; @@ -317,6 +320,7 @@ body{ display:block; width: 100%; } + .footer{ margin-top: 87px; padding: 32px; @@ -333,14 +337,10 @@ body{ .topinfo-subtitle{ font-size: 64px; line-height: 78px; - } - - .topinfo-title{ font-size: 96px; line-height: 116px; - } .topinfo-text{ font-size: 32px; @@ -370,5 +370,18 @@ body{ .middlecard figure img{ width: 3vw; } + .bottombanner-subtitle{ + font-size: 64px; + line-height: 78px; + } + .bottombanner-text{ + font-size: 32px; + line-height: 48px; + } + + .footer-text{ + font-size: 20px; + line-height: 24px; + } +} -} \ No newline at end of file