diff --git a/css/style.css b/css/style.css index d6ab448..15598c3 100644 --- a/css/style.css +++ b/css/style.css @@ -68,6 +68,7 @@ body{ .top-infocard-image{ display: block; margin-top: 74px; + width: 100%; } /*** TOP CARDS ***/ @@ -96,6 +97,9 @@ body{ align-items: center; max-width: 85%; margin: 28px auto; + font-weight: 400; + font-size: 16px; + line-height: 24px; } /*** MID BANNER ***/ @@ -140,7 +144,7 @@ body{ margin-left: auto; margin-right: auto; margin-top: 108px; - max-width: 70%; + width: 100%; } .bottom-infocard-title{ @@ -162,6 +166,7 @@ body{ margin-left: auto; margin-right: auto; width: 100%; + padding: 0 14% 0; margin-top: 50px; } @@ -279,7 +284,6 @@ body{ margin-left: 0; margin-right: 0; max-width: 100%; - } .bottom-infocard-title{ @@ -329,5 +333,56 @@ body{ /*** 2500 px ***/ @media (min-width: 2500px){ + /*** TOP INFOCARD ***/ + .top-infocard-subtitle{ + font-size: 64px; + line-height: 78px; + } + .top-infocard-title{ + font-size: 96px; + line-height: 116px; + } + + .top-infocard-description{ + font-size: 32px; + line-height: 48px; + } + + .top-infocard-image{ + width: 470px; + } + + /*** CARDS ***/ + .card-description{ + font-size: 32px; + line-height: 48px; + } + + .card-image{ + width: 150px; + height: 150px; + } + + /*** BOTTOM INFOCARD ***/ + .bottom-infocard-title{ + font-size: 64px; + line-height: 78px; + } + + .bottom-infocard-description{ + font-size: 32px; + line-height: 48px; + margin: 0 auto 0; + } + + .bottom-infocard{ + display: grid; + } + + /*** FOOTER ***/ + .copyright{ + font-size: 20px; + line-height: 24px; + } } \ No newline at end of file