diff --git a/src/js/sections/BottomSection/BottomSection.module.scss b/src/js/sections/BottomSection/BottomSection.module.scss index dda3f36ede5320efbe1ce8aeba55683b141a73a9..189985c173a6bfa2b457529ea801c242e44623e3 100644 --- a/src/js/sections/BottomSection/BottomSection.module.scss +++ b/src/js/sections/BottomSection/BottomSection.module.scss @@ -138,6 +138,15 @@ } + +@media (max-width: 1200px) { + .BottomSection { + min-height: 100vh; + background-position: bottom, 107% 40%, -5% 55%; + + + } +} @media (max-width: 768px) { .BottomSection { min-height: 100vh; diff --git a/src/js/sections/TowerSection/TowerSection.module.scss b/src/js/sections/TowerSection/TowerSection.module.scss index 1f38f91825633e7f7a54ed5a71e1974bf5c766d6..bc10fb8d3c768682f622e8a3db235431819b8135 100644 --- a/src/js/sections/TowerSection/TowerSection.module.scss +++ b/src/js/sections/TowerSection/TowerSection.module.scss @@ -50,8 +50,36 @@ } - @media (max-width: 1200px) { + .TowerSection { + min-height: 80vh; + + .LeftSide { + flex-basis: 30%; + .TowerImage { + max-width: 50vw; + max-height: 50vh; + } + } + + .RightSide { + flex-basis: 40%; + .Title { + font-size: 5vw; + line-height: 5vw; + } + + .Caption { + font-size: 2.7vw; + line-height: 2.7vw; + + } + } + } +} + + +@media (max-width: 768px) { .TowerSection { min-height: 40vh; flex-direction: row;