displace elements in content section

css/2-we-come-from.css

@@ -11,21 +11,19 @@
 }
 #welcome h2 {
   font-weight: 600;
-  font-size: 100px;
+  font-size: 10em;
   line-height: 90px;
   text-align: center;
   letter-spacing: -0.04em;
   color: #F9F3F1;
   z-index: 2;
   position: relative;
-  width: 1060px;
+  width: 80vw;
 
   margin-top:400px;
-
 }
 
-#welcome .color-emphasis,
-#content .color-emphasis {
+#welcome .color-emphasis  {
   color: #1E33DA;
 }
 

css/3-open-sesame.css

@@ -23,3 +23,7 @@
   color: #fff;
   margin-bottom: 400px;
 }
+
+#open img{
+  max-width: 90vw;
+}

css/4-content.css

@@ -15,12 +15,17 @@
 #content_all .columns {
   margin: 0 auto;
   max-width: 80vw;
+  top: -100vh;
+  position: relative;
 }
 
 #content_all .text {
   padding-top: 1vh;
   padding-left: 80px;
 }
+#content_all .color-emphasis {
+  color: #1E33DA;
+}
 
 
 #content {
@@ -34,7 +39,7 @@
 #content_first {
 
   opacity: 0;
-  width: 1680px;
+  width: 90vw;
   height: 35px;
   margin-bottom: 40px;
   font-style: normal;
@@ -54,7 +59,7 @@
 #content_second {
   opacity: 0;
   margin-bottom: 100px;
-  width: 1680px;
+  width: 90vw;
   height: 170px;
   font-family: 'GT Walsheim Pro';
   font-style: normal;