diff --git a/src/js/sections/BottomSection/BottomSection.module.scss b/src/js/sections/BottomSection/BottomSection.module.scss index 8e6b347469aad5312caf5feec9c613fa675d8939..303af45079920551f91df7eb11e9c58a49b632fd 100644 --- a/src/js/sections/BottomSection/BottomSection.module.scss +++ b/src/js/sections/BottomSection/BottomSection.module.scss @@ -240,6 +240,6 @@ @media (max-width: 375px) { .BottomSection { - min-height: 70vh; + min-height: 65vh; } } diff --git a/src/js/sections/FeatureSection/FeatureSection.module.scss b/src/js/sections/FeatureSection/FeatureSection.module.scss index 9091f8a5423a8f7355b36c78407a5b263beba5e9..c5c2d1be6cefe74577f2ba3463ee4d2b8996cee6 100644 --- a/src/js/sections/FeatureSection/FeatureSection.module.scss +++ b/src/js/sections/FeatureSection/FeatureSection.module.scss @@ -103,7 +103,7 @@ @media (max-width: 375px) { .FeatureSection { - + min-height: 50vh; flex-direction: column; justify-content: left; diff --git a/src/js/sections/StatsSection/StatsSection.module.scss b/src/js/sections/StatsSection/StatsSection.module.scss index c858a2993901cdf203abfebcd48c2c46b59b399d..644e05c483bd3d5ff22fc0cd5c425ce08058660a 100644 --- a/src/js/sections/StatsSection/StatsSection.module.scss +++ b/src/js/sections/StatsSection/StatsSection.module.scss @@ -87,7 +87,7 @@ @media (max-width: 768px) { .StatsSection { - min-height: 90vh; + min-height: 80vh; flex-direction: column-reverse; .LeftSide { @@ -124,7 +124,7 @@ @media (max-width: 576px) { .StatsSection { - min-height: 60vh; + min-height: 50vh; .RightSide { diff --git a/src/js/sections/TowerSection/TowerSection.module.scss b/src/js/sections/TowerSection/TowerSection.module.scss index 9a9fcddbb38b9044a09b95e812d920ebcad5da46..7ce6a5ed520fb5906bea2e57b0c16b692cbf9fd3 100644 --- a/src/js/sections/TowerSection/TowerSection.module.scss +++ b/src/js/sections/TowerSection/TowerSection.module.scss @@ -52,51 +52,53 @@ -@media (max-width: 768px) { - .TowerSection { - flex-direction: column; - text-align: center; - padding-top: 10%; - padding-bottom: 10%; - .LeftSide { - .TowerImage { - width: 80vw; - height: 30vh; - } - } - .RightSide { - padding-top: 5%; - .Title { - font-size: 5vw; - line-height: 5vw; - } - - .Caption { - font-size: 2.7vw; - line-height: 2.7vw; - - } - } - } -} +//@media (max-width: 1200px) { +// .TowerSection { +// flex-direction: column; +// text-align: center; +// padding-top: 10%; +// padding-bottom: 10%; +// +// .LeftSide { +// .TowerImage { +// width: 90vw; +// height: 50vh; +// } +// } +// +// .RightSide { +// .Title { +// font-size: 5vw; +// line-height: 5vw; +// } +// +// .Caption { +// font-size: 2.7vw; +// line-height: 2.7vw; +// +// } +// } +// } +//} @media (max-width: 1200px) { .TowerSection { - flex-direction: column; - text-align: center; - padding-top: 10%; - padding-bottom: 10%; + min-height: 40vh; + flex-direction: row; + justify-content: center; .LeftSide { + flex-basis: 40%; .TowerImage { - width: 90vw; - height: 50vh; + max-width: 40vw; + max-height: 30vh; } } .RightSide { + flex-basis: 40%; .Title { font-size: 5vw; line-height: 5vw;