ADD: Responsiveness

Globals.css

@@ -105,6 +105,7 @@ body {
 }
 
 h1, h2, h3, h4, h5, h6 {
+    text-align: left;
     font-family: 'Roboto Condensed', sans-serif;
 }
 
@@ -152,10 +153,6 @@ span.chip {
     position: relative;
     z-index: 100;
     padding: 150px 15vw;
-
-    & h2 {
-        text-align: left;
-    }
 }
 
 .full {
@@ -202,3 +199,15 @@ span.chip {
 .z-5 {
     box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
 }
+
+@media (width <= 780px) {
+    h1, h2, h3, h4, h5, h6, p {
+        text-align: center;
+    }
+}
+
+@media (width <= 450px) {
+    .content {
+        padding: 150px 10vw;
+    }
+}