added mobile version

src/client/sass/index.scss

@@ -83,12 +83,17 @@ a.hidden-link, a.hidden-link:hover {
 h1 {
   font-family: WinterSunrise, serif;
   font-size: 3rem;
-  @include breakpoint(medium) {
+  @include breakpoint(large) {
     font-size: 4.5rem;
   }
 }
 
 #home-img-container {
+
+  &.hide-for-medium #start-text-img-overlay {
+    display: none;
+  }
+
   #home-img {
     width: 100%;
     height: 100%;
@@ -140,7 +145,28 @@ img.full-screen-width {
 
 .site-content {
   padding: 2rem 0.625rem;
-  @include breakpoint(medium) {
+  @include breakpoint(large) {
     padding: 3rem 2rem;
   }
+}
+
+.fill-height {
+  height: calc(100vh - 5rem);
+  @include breakpoint(small only) {
+    height: calc(100vh - 3rem);
+  }
+}
+
+.fill-height-medium-up {
+  @include breakpoint(medium) {
+    height: calc(100vh - 5rem);
+  }
+}
+
+.img-column {
+  max-width: 40%;
+
+  img {
+    object-fit: cover;
+  }
 }