diff --git a/styles/configuration-result.css b/styles/configuration-result.css index 4a15e7a..60fb574 100644 --- a/styles/configuration-result.css +++ b/styles/configuration-result.css @@ -1,3 +1,7 @@ +body.configuration-result { + padding-bottom: 40px; +} + body.configuration-result header { display: block; height: auto; @@ -117,6 +121,10 @@ body.configuration-result .block { margin: 20px 15px; } +body.configuration-result .block img { + width: 100%; +} + body.configuration-result .blocks { margin: 0; display: block; @@ -160,6 +168,10 @@ body.configuration-result .engine-spec-container table tr td:last-child { padding: 0 32px; } + body.configuration-result h2 { + font-size: 70px; + } + body.configuration-result header .wrapper { height: 70px; } @@ -193,7 +205,7 @@ body.configuration-result .engine-spec-container table tr td:last-child { } body.configuration-result .hero h1 { - font-size: 125px; + font-size: 100px; position: absolute; width: 200px; top: 130px; @@ -244,10 +256,6 @@ body.configuration-result .engine-spec-container table tr td:last-child { margin: 40px 0; } - body.configuration-result .default-content-wrapper > div .block img { - width: 100%; - } - /* top left */ body.configuration-result .default-content-wrapper > div > :nth-child(4n+1 of .block) { clear: both; @@ -297,6 +305,12 @@ body.configuration-result .engine-spec-container table tr td:last-child { margin-top: 60px; } + body.configuration-result .blocks .sub-group h3 { + border-top: 1px solid var(--midnight-blue-color); + padding-top: 20px; + margin-top: 35px; + } + body.configuration-result .blocks h2 { font-size: 38px; } @@ -316,3 +330,9 @@ body.configuration-result .engine-spec-container table tr td:last-child { } } +@media (width >= 900px) { + body.configuration-result .hero h1 { + font-size: 125px; + } +} +