2 files changed, 89 insertions, 0 deletions
diff --git a/static/desktop.css b/static/desktop.css
new file mode 100644
index 0000000..1b0eb43
--- /dev/null
+++ b/static/desktop.css
@@ -0,0 +1,81 @@
+@media only screen and (min-width: 700px) {
+  section {
+    padding: 3em;
+  }
+
+  nav {
+    flex-direction: row-reverse;
+    margin: 0;
+    padding: 0;
+    top: 0;
+    position: fixed;
+    width: 100%;
+  }
+
+  div.buttons {
+    flex-direction: row-reverse;
+  }
+
+  .banner {
+    padding-top: 7em;
+    text-align: right;
+    background: linear-gradient(
+      to right,
+      rgba(255, 255, 255, 0) 0%,
+      rgba(255, 255, 255, 1) 50%
+    );
+  }
+
+  form {
+    margin-right: 10%;
+    margin-left: 10%;
+  }
+
+  table td,
+  table th {
+    padding: 0.5em;
+  }
+
+  section.flexible {
+    flex-direction: row;
+  }
+
+  section.flexible div,
+  section.flexible figure {
+    flex-basis: 0;
+  }
+
+  section.flexible div {
+    flex-grow: 2;
+  }
+
+  section.flexible figure {
+    flex-grow: 1;
+  }
+
+  .signature img {
+    width: 30%;
+  }
+
+  .logo img {
+    width: 15%;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  .card {
+    padding: 2em;
+  }
+
+  #reviews .card,
+  #offerings .card {
+    display: block;
+    flex: none;
+    width: 20%;
+  }
+
+  .modal .card {
+    width: 25%;
+  }
+}
diff --git a/static/widescreen.css b/static/widescreen.css
new file mode 100644
index 0000000..8231129
--- /dev/null
+++ b/static/widescreen.css
@@ -0,0 +1,8 @@
+@media only screen and (min-width: 2000px) {
+  section {
+    padding-top: 3em;
+    padding-bottom: 3em;
+    padding-left: 25%;
+    padding-right: 25%;
+  }
+}