diff --git a/Home.css b/Home.css index da54014..a45ed27 100644 --- a/Home.css +++ b/Home.css @@ -38,6 +38,32 @@ margin: 20px 247px 0 0; } +.u-section-1 .u-social-icons-1 { + white-space: nowrap; + height: 32px; + min-height: 16px; + width: 158px; + min-width: 94px; + margin: 14px auto 0 0; +} + +.u-section-1 .u-icon-1 { + height: 100%; + color: rgb(255, 255, 255) !important; +} + +.u-section-1 .u-icon-2 { + height: 100%; +} + +.u-section-1 .u-icon-3 { + height: 100%; +} + +.u-section-1 .u-icon-4 { + height: 100%; +} + .u-section-1 .u-line-1 { height: 88px; transform-origin: center bottom 0px; @@ -47,7 +73,7 @@ @media (max-width: 1199px) { .u-section-1 .u-sheet-1 { - min-height: 609px; + min-height: 730px; } .u-section-1 .u-container-layout-1 { @@ -56,20 +82,12 @@ } @media (max-width: 991px) { - .u-section-1 .u-sheet-1 { - min-height: 466px; - } - .u-section-1 .u-container-layout-1 { padding-left: 13px; } } @media (max-width: 767px) { - .u-section-1 .u-sheet-1 { - min-height: 350px; - } - .u-section-1 .u-group-1 { margin-right: initial; margin-left: initial; @@ -91,7 +109,7 @@ @media (max-width: 575px) { .u-section-1 .u-sheet-1 { - min-height: 220px; + min-height: 714px; } .u-section-1 .u-container-layout-1 { @@ -123,32 +141,6 @@ padding: 30px 30px 30px 0; } -.u-section-2 .u-social-icons-1 { - white-space: nowrap; - height: 32px; - min-height: 16px; - width: 158px; - min-width: 94px; - margin: 0 auto 0 36px; -} - -.u-section-2 .u-icon-1 { - height: 100%; - color: rgb(255, 255, 255) !important; -} - -.u-section-2 .u-icon-2 { - height: 100%; -} - -.u-section-2 .u-icon-3 { - height: 100%; -} - -.u-section-2 .u-icon-4 { - height: 100%; -} - .u-section-2 .u-layout-cell-2 { min-height: 740px; } @@ -189,14 +181,6 @@ background-position: 50% 50%; } - .u-section-2 .u-social-icons-1 { - margin-left: 78px; - } - - .u-section-2 .u-icon-4 { - color: rgb(255, 255, 255) !important; - } - .u-section-2 .u-layout-cell-2 { min-height: 663px; } @@ -215,7 +199,8 @@ } .u-section-2 .u-image-1 { - margin-left: calc(((100% - 940px) / 2) + 216px); + margin-top: -555px; + margin-left: calc(((100% - 940px) / 2) + 119px); } } @@ -238,13 +223,14 @@ } .u-section-2 .u-image-1 { - margin-left: calc(((100% - 720px) / 2) + 216px); + margin-top: -498px; + margin-left: calc(((100% - 720px) / 2)); } } @media (max-width: 767px) { .u-section-2 { - min-height: 817px; + min-height: 664px; } .u-section-2 .u-layout-cell-1 { @@ -256,11 +242,6 @@ padding-right: 10px; } - .u-section-2 .u-social-icons-1 { - margin-top: 158px; - margin-left: 51px; - } - .u-section-2 .u-layout-cell-2 { min-height: 492px; } @@ -271,25 +252,22 @@ } .u-section-2 .u-image-1 { - margin-left: calc(((100% - 540px) / 2) + 92px); + margin-top: -807px; + margin-left: auto; } } @media (max-width: 575px) { .u-section-2 { - min-height: 951px; + min-height: 603px; } .u-section-2 .u-layout-cell-1 { - min-height: 312px; - } - - .u-section-2 .u-social-icons-1 { - margin-top: 56px; + min-height: 241px; } .u-section-2 .u-layout-cell-2 { - min-height: 639px; + min-height: 495px; } .u-section-2 .u-text-1 { @@ -303,7 +281,7 @@ .u-section-2 .u-image-1 { width: 340px; height: 340px; - margin-left: calc(((100% - 340px) / 2)); + margin-top: -708px; } }.u-section-3 .u-sheet-1 { min-height: 552px; diff --git a/Home.html b/Home.html index 4773b76..7b0ea97 100644 --- a/Home.html +++ b/Home.html @@ -36,6 +36,21 @@