Tweaked contact page layout

src/routes/contact/+page.svelte

@@ -9,7 +9,7 @@
 
 <div class="contact-page">
     <NavigationHeader />
-    <div class="content">
+    <div class="contact-content">
         <div class="contact-form-column">
             <h1>Contact Us</h1>
             <h2>We look forward to hearing from you!</h2>

src/routes/contact/ContactPage.scss

@@ -12,7 +12,7 @@
   flex-direction: column;
 }
 
-.content {
+.contact-content {
   display: flex;
   flex-direction: row;
   width: 100%;
@@ -52,3 +52,18 @@
     width: 67%;
   }
 }
+
+@media (orientation: portrait) and (max-width: 1080px) {
+  .contact-content {
+    flex-direction: column-reverse;
+  }
+
+  .contact-form-column {
+    width: 100%;
+  }
+
+  .contact-image-column {
+    width: 100%;
+    justify-content: center;
+  }
+}