diff --git a/src/js/sections/BottomSection/BottomSection.module.scss b/src/js/sections/BottomSection/BottomSection.module.scss
index 6eb10de91f1b2f8ea3bfcd665cbc53b0b4243439..c306951225f41d0d8240d980d01bb5849fefb89d 100644
--- a/src/js/sections/BottomSection/BottomSection.module.scss
+++ b/src/js/sections/BottomSection/BottomSection.module.scss
@@ -31,8 +31,8 @@
.Title {
- font-size: 1.8vw;
- line-height: 2.2vw;
+ font-size: $section_subtitle_size;
+ line-height: $section_subtitle_line_height;
}
.Caption {
@@ -43,8 +43,8 @@
flex-basis: 80%;
padding-right: 5%;
- font-size: 0.8vw;
- line-height: 1.2vw;
+ font-size: 1rem;
+ line-height: 1.6rem;
}
@@ -56,7 +56,7 @@
Button {
font-family: $primary_font;
- font-size: 0.9vw;
+ font-size: 1.1rem;
width: 100%;
height: 30%;
@@ -94,8 +94,8 @@
max-width: 50%;
text-align: left;
color: white;
- font-size: 0.9vw;
- line-height: 1.3vw;
+ font-size: 1rem;
+ line-height: 1.6rem;
}
}
@@ -108,8 +108,8 @@
.BigCaption {
color: white;
- font-size: 1.1vw;
- line-height: 1.5vw;
+ font-size: 1.3rem;
+ line-height: 1.8rem;
margin-bottom: 10%;
}
@@ -117,8 +117,7 @@
align-items: center;
margin-bottom: 5%;
font-family: $primary_font;
- font-size: 0.9vw;
- line-height: 1.3vw;
+ font-size: 1.1rem;
width: 100%;
height: 30%;
@@ -126,8 +125,8 @@
.SmallCaption {
color: white;
- font-size: 1vw;
- line-height: 1.4vw;
+ font-size: 1rem;
+ line-height: 1.6rem;
margin-top: 5%;
}
}
diff --git a/src/js/sections/CloudSection/CloudSection.module.scss b/src/js/sections/CloudSection/CloudSection.module.scss
index 171ee8e8b03bd0641fe2c6347c6668945bbd3e14..1818cfa0cae37274e3598de244c14b3b4f70f8d5 100644
--- a/src/js/sections/CloudSection/CloudSection.module.scss
+++ b/src/js/sections/CloudSection/CloudSection.module.scss
@@ -16,8 +16,8 @@
.UpperBlock {
margin-top: 2%;
- font-size: 2.3vw;
- line-height: 2.7vw;
+ font-size: $section_title_size;
+ line-height: $section_title_line_height;
max-width: 40%;
text-align: center;
@@ -26,20 +26,20 @@
.Cloud {
margin-top: 2%;
max-width: 50vw;
- max-height: 60vh;
+ max-height: 50vh;
}
.BottomBlock {
margin-top: 2%;
- font-size: 2vw;
- max-width: 40%;
- line-height: 2.4vw;
+ max-width: 35%;
+ font-size: $section_subtitle_size;
+ line-height: $section_subtitle_line_height;
.Caption {
margin-top: 20px;
- font-size: 1.3vw;
- line-height: 1.7vw;
- max-width: 60%;
+ font-size: $section_caption_size;
+ line-height: $section_caption_line_height;
+ max-width: 70%;
color: white;
diff --git a/src/js/sections/FeatureSection/FeatureSection.module.scss b/src/js/sections/FeatureSection/FeatureSection.module.scss
index 96a479edeb7581a3d3ba806a43deebaf5625864b..d994bca9a41c0d9002cdf3aaea0dd6a331b758ba 100644
--- a/src/js/sections/FeatureSection/FeatureSection.module.scss
+++ b/src/js/sections/FeatureSection/FeatureSection.module.scss
@@ -26,11 +26,12 @@
display : flex;
flex-direction: row;
padding: 5% 5% 5% 5%;
- font-size: 1.7vw;
- line-height: 2.1vw;
+ font-size: 2rem;
+ line-height: 2.4rem;
.Checkmark {
padding-right: 5%;
+ padding-top: 5%;
font-size: 3vw;
}
@@ -47,7 +48,8 @@
padding: 4% 3%;
position:relative;
border: solid $primary_black;
- font-size: 1vw;
+ font-size: 1.3rem;
+ line-height: 1.7rem;
&:before {
content: "";
@@ -66,8 +68,8 @@
.Author {
position: relative;
- font-size: 1.2vw;
- line-height: 1.6vw;
+ font-size: 1.5rem;
+ line-height: 2rem;
padding: 0 0 2% 25%;
}
}
diff --git a/src/js/sections/LandingSection/LandingSection.module.scss b/src/js/sections/LandingSection/LandingSection.module.scss
index f84191480c0e0311d3a6d5e7e85865bf3e172808..b01743e3a60111e4a235905b2c9040a405499ebf 100644
--- a/src/js/sections/LandingSection/LandingSection.module.scss
+++ b/src/js/sections/LandingSection/LandingSection.module.scss
@@ -31,11 +31,11 @@
margin-left: -15vw;
.Title {
- font-size: 5vw;
+ font-size: 6.5rem;
text-align: center;
.Caption {
- font-size: 1.5vw;
+ font-size: 1.6rem;
}
}
@@ -43,11 +43,22 @@
}
+@media (max-width: 1024px) {
+
+ .LandingSection {
+
+ .RightSide {
+ margin-left: 0;
+ }
+ }
+}
+
@media (max-width: 575.98px) {
.LandingSection {
flex-direction: column;
text-align: center;
+
padding-top: 0;
min-height: 55vh;
diff --git a/src/js/sections/StatsSection/StatsSection.module.scss b/src/js/sections/StatsSection/StatsSection.module.scss
index 2f695eec17858d446eba47e54601b137d2d22036..7f55c49d8d1c6684c8c94e821aa29969cd17ce77 100644
--- a/src/js/sections/StatsSection/StatsSection.module.scss
+++ b/src/js/sections/StatsSection/StatsSection.module.scss
@@ -28,14 +28,13 @@
flex-basis: 30%;
.Title {
- font-size: 2.5rem;
- line-height: 3.7rem;
- max-width: 70%;
+ font-size: $section_title_size;
+ line-height: $section_title_line_height;
}
.Caption {
- font-size: 1.5rem;
- line-height: 1.7rem;
+ font-size: $section_caption_size;
+ line-height: $section_caption_line_height;
color: white;
margin-top: 5%;
max-width: 60%;
diff --git a/src/js/sections/TowerSection/TowerSection.module.scss b/src/js/sections/TowerSection/TowerSection.module.scss
index 56c734208e7dc0d0fb62ea043cb2e4aab9245120..72a72c60b290c6a2e6dab5e0f67c4320c213a342 100644
--- a/src/js/sections/TowerSection/TowerSection.module.scss
+++ b/src/js/sections/TowerSection/TowerSection.module.scss
@@ -32,14 +32,14 @@
.Title {
- font-size: 2.5rem;
- line-height: 3.7rem;
+ font-size: $section_title_size;
+ line-height: $section_title_line_height;
}
.Caption {
- font-size: 1.5rem;
- line-height: 1.7rem;
+ font-size: $section_caption_size;
+ line-height: $section_caption_line_height;
margin-top: 5%;
color: white;
}
diff --git a/src/js/sections/VscodeSection/VscodeSection.module.scss b/src/js/sections/VscodeSection/VscodeSection.module.scss
index a19f5f37127ac72bd8fcab04ce9084dcf91d6fef..bd29c19ffad487f3f12354eef06d08e6f27b0d3b 100644
--- a/src/js/sections/VscodeSection/VscodeSection.module.scss
+++ b/src/js/sections/VscodeSection/VscodeSection.module.scss
@@ -35,14 +35,14 @@
.Title {
- font-size: 2.5rem;
- line-height: 3.7rem;
+ font-size: $section_title_size;
+ line-height: $section_title_line_height;
}
.Caption {
- font-size: 1.5rem;
- line-height: 1.7rem;
+ font-size: $section_caption_size;
+ line-height: $section_caption_line_height;
margin-top: 5%;
color: white;
}
diff --git a/src/style/fonts.module.scss b/src/style/fonts.module.scss
index 206260bfc4ba89e9f49a56a2720bb0bff31711e7..b1741ae08d146d276b6051213f4ab4046c2c3e62 100644
--- a/src/style/fonts.module.scss
+++ b/src/style/fonts.module.scss
@@ -9,4 +9,14 @@ $primary_font_weight: 800;
}
-$primary_font: primaryFont;
\ No newline at end of file
+$primary_font: primaryFont;
+
+$section_title_size: 2.5rem;
+$section_title_line_height: 3.7rem;
+
+$section_subtitle_size: 2rem;
+$section_subtitle_line_height: 2.4rem;
+
+
+$section_caption_size: 1.5rem;
+$section_caption_line_height: 1.7rem;
\ No newline at end of file