Responsive landing page.

assets/css/pages/index.scss

@@ -5,20 +5,24 @@ section.logo {
   border-radius: 3px;
   padding-top: 3px;
 
-  &::after {
-    content: '@Sanna Hukkanen';
-    font-size: 90%;
-    text-align: right;
-    position: relative;
-    left: 88%;
-  }
-
   img {
     width: 100%;
   }
+
+  #logo-credits {
+    font-size: 90%;
+    display: flex;
+    justify-content: right;
+    background-color: #d5caf2;
+    max-width: 990px;
+    padding-right: 10px;
+  }
 }
 
 section.text {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
   width: 80%;
   max-width: 1000px;
   background-image: linear-gradient(to top, rgba(255, 0, 0, 0), #d5caf2);
@@ -26,6 +30,19 @@ section.text {
 
   p {
     padding: 0px 20px;
+    max-width: 56%;
+  }
+
+  @media screen and (max-width: 600px) {
+    p {
+      max-width: 90% !important;
+    }
+  }
+}
+
+@media screen and (max-width: 600px) {
+  section.text {
+    width: 90% !important;
   }
 }
 
@@ -36,3 +53,9 @@ section.text {
     margin: 0px;
   }
 }
+
+@media screen and (max-width: 600px) {
+  .time-and-place {
+    font-size: 1.1rem;
+  }
+}