1 files changed, 54 insertions, 0 deletions
diff --git a/assets/css/min770px.css b/assets/css/min770px.css
new file mode 100644
index 0000000..cee3767
--- /dev/null
+++ b/assets/css/min770px.css
@@ -0,0 +1,54 @@
+@media (min-width: 770px) {
+body {
+    width: 600px;
+    line-height: 1.5;
+    background: #b5b5b5;
+    font-size: 20px;
+}
+
+main#content hr {
+    width: 108%;
+    margin-left: -3.8%;
+}
+
+/* index.html styles */
+header#banner h2 {
+    font-size: 25px;
+    font-size: 2.5rem;
+}
+
+main#content h3 {
+    font-size: 20px;
+    font-size: 2rem;
+}
+
+main#content ul#posts {
+    font-size: 18px;
+    font-size: 1.8rem;
+}
+
+/* single.html styles */
+main#content header#post-header h1 {
+    font-size: 24px;
+    font-size: 2.4rem;
+}
+
+main#content img {
+    max-width: 108%;
+    margin-left: -3.8%;
+}
+
+main#content figure {
+    margin-left: -3.8%;
+}
+
+main#content figure img {
+    max-width: 108%;
+}
+
+main#content pre {
+    width: 108%;
+    margin-left: -3.8%;
+    padding: 1.5rem 2.2rem;
+}
+}