General cleanup

css/footer.css

@@ -16,5 +16,5 @@ footer {
 }
 
 .footer-child {
-  min-width: 300px;
+  min-width: 200px;
 }

css/image.css

@@ -5,10 +5,17 @@
   margin: 0 0 2rem; padding: 0;
 
   width: calc(100vw - var(--space-medium));
-  height: 60vh;
+  height: 69vh;
 
   position: relative;
 }
+
+@media (max-width: 600px) {
+  .image-container {
+    height: 40vh;
+  }
+}
+
 .image {
   max-width: 100%;
   width: auto;

css/master.css

@@ -48,6 +48,7 @@ body {
   min-height: calc(100vh - 2rem); max-width: 1500px;
 
   display: flex;
+
   flex-direction: column;
   justify-content: space-between;
 }
@@ -87,7 +88,7 @@ form * {
 .alert {
   margin: 0 auto; padding: 1rem;
 
-  width: inherit;
+  width: calc(100% - 2rem);
 
   text-align: center;
 
@@ -114,6 +115,9 @@ form * {
 
   font-size: 16px;
   align-items: center;
+  vertical-align: middle;
+
+  text-decoration: underline;
 
   border: none;
   border-radius: var(--rad);
@@ -123,7 +127,6 @@ form * {
 }
 a.btn {
   text-align: center;
-  text-decoration: none;
 }
 
 .space-bottom {
@@ -133,6 +136,15 @@ a.btn {
   margin-top: 1rem;
 }
 
+.svg {
+  margin: 0 0.2rem 0.1rem 0;
+  width: 18px; height: 18px;
+
+  vertical-align: middle;
+
+  display: inline;
+}
+
 /*
   -=-=-= TEXT SIZES =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 */

css/nav.css

@@ -21,5 +21,24 @@ nav h3 {
   margin: 0;
 }
 nav hr {
-  margin: 0.5rem 0.2rem; padding: 0;
+  margin: 0.5rem 0; padding: 0;
+
+  opacity: 0;
+}
+
+.nav-name h3, .nav-name {
+  display: block;
+}
+.nav-links {
+  width: auto;
+  justify-content: space-between;
+}
+@media (max-width: 450px) {
+  .nav-name h3, .nav-name {
+    display: none;
+  }
+  .nav-links {
+    width: 100%;
+    justify-content: space-around;
+  }
 }