diff --git a/about/index.html b/about/index.html
index cd36e7f..1173fde 100644
--- a/about/index.html
+++ b/about/index.html
@@ -6,7 +6,7 @@
- We built PANDA because we needed it.
+ We built PANDA because we needed it.
diff --git a/index.html b/index.html
index 9ce091e..a6e6374 100644
--- a/index.html
+++ b/index.html
@@ -45,7 +45,9 @@ PANDA makes data journalism easier.
diff --git a/stylesheets/main.css b/stylesheets/main.css
index 3a0c1d6..2e771ee 100755
--- a/stylesheets/main.css
+++ b/stylesheets/main.css
@@ -106,6 +106,19 @@ footer {
background-color: #e0e0e0;
}
+.screencast-wrapper {
+ position: relative;
+ padding-bottom: 56.25%; /* 16:9 */
+ height: 0;
+}
+.screencast-wrapper iframe {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
+
footer {
padding: 3em 0 1em;
clear:left;
@@ -262,6 +275,42 @@ ol > li:before {
}
#docs-home li a {
- text-decoration:none;
- font-size:.9em;
+ text-decoration: none;
+ font-size: .9em;
+}
+
+@media only screen and (max-width: 1040px) {
+ .container {
+ margin: 1.5em;
+ }
+ a.go-home {
+ margin-left: 0;
+ }
+ #hero h1 {
+ font-size: 6em;
+ }
+ header h2 {
+ font-size: 2.5em;
+ }
+}
+
+@media only screen and (max-width: 870px) {
+ body {
+ font-size: 18px;
+ }
+ #how ol {
+ padding: 0;
+ }
+}
+
+@media only screen and (max-width: 640px) {
+ body {
+ font-size: 16px;
+ }
+ #hero h1 {
+ font-size: 5em;
+ }
+ header h2 {
+ font-size: 2.2em;
+ }
}
\ No newline at end of file