diff --git a/src/components/HeroAsideSection/HeroAsideSection.scss b/src/components/HeroAsideSection/HeroAsideSection.scss
index 6e29aeb..c4186e7 100644
--- a/src/components/HeroAsideSection/HeroAsideSection.scss
+++ b/src/components/HeroAsideSection/HeroAsideSection.scss
@@ -5,6 +5,11 @@
flex-flow: column nowrap;
align-items: flex-start;
flex: 4;
+
+ @media screen and (max-width: 800px) {
+ align-items: center;
+ }
+
text-align: left;
font-weight: 300;
padding: 3rem 1rem 2rem;
diff --git a/src/components/PageSection/PageSection.scss b/src/components/PageSection/PageSection.scss
index 700ab79..1f9c47b 100644
--- a/src/components/PageSection/PageSection.scss
+++ b/src/components/PageSection/PageSection.scss
@@ -7,6 +7,10 @@
flex-flow: row wrap;
justify-content: flex-start;
+ @media screen and (max-width: 800px) {
+ flex-flow: column nowrap;
+ }
+
&.dark-blue {
background-color: $dark-blue;
color: $white;
diff --git a/src/index.html.ejs b/src/index.html.ejs
index 9d07423..0a6e829 100644
--- a/src/index.html.ejs
+++ b/src/index.html.ejs
@@ -2,6 +2,7 @@
+
diff --git a/src/index.scss b/src/index.scss
index 300b1c8..24ff0f1 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -19,7 +19,7 @@ body {
body {
padding: 0;
margin: auto !important;
- overflow: hidden;
+ overflow-x: hidden;
}
h1 {